Bootcamp programistyczny 2020 (PL): Web dev Full stack

W tym kursie zaczniemy od początku. Żadna wcześniejsza wiedza nie jest wymagana. Jest to wprowadzenie w świat web development. Po skończeniu tego kursu będziesz nie tylko wiedział jak wykonać rzeczy w różnych językach programowania ale również będziesz wiedział jak to wszystko jest połączone. Będziesz wiedział jak zrobić:- stronę internetową- interaktywna stronę lub aplikacje webową- aplikacje jednostronicową (SPA - Single Page App: Angular i React )- aplikacje lub stronę z połączeniem z bazą danych- aplikacje serwerowa (backend z baza danych)- mobilną aplikacje na systemy Android i iOSTen kurs podzielony jest na sekcje. Są sekcje teoretycznie gdzie wprowadzam w tajniki i syntax danego języka a po sekcje teoretycznej jest zawsze test praktyczny gdzie wykorzystujemy wcześniejszą wiedzę by wykonać praktyczny projekt.Wprowadzenie:Omówienie podstawowych zagadnień związanych z programowaniem webowym. Jakich narzędzi będziemy potrzebować. Pokaże rownież jak ich używać. Omówimy również co poszczególne zagadnienia związane z programowaniem webowym znaczą.HTML:Teoretyczna sekcja o języku html (HyperText Markup Language). Będę pokazywał jak pisać html syntax. Przejdziemy przez wszystkie podstawowe html tagi dostępne w języku. Będziemy używać najnowszego języka HTML5.CSS:Teoretyczna sekcja o języku CSS (Cascading Style Sheet). W tej sekcji pokaże w jakiś sposób możemy stylizować naszą stronę internetową by wyglądała tak jak chcemy. Będziemy rozmawiali o jednostkach, kolorach, layoutach, animacjach i wielu innych rzeczach.Projekt Praktyczny 1 (Strona WWW):W tej sekcji dostaniemy gotowy layout strony od grafika i odtworzymy go razem używając wiedzy z HTML i CSS. Pokaże krok po kroku jak się zabrać za robienie strony i jak możemy wykorzystać gotowe grafiki. Po tej sekcji będziesz potrafił zrobić swoja pierwszą stronę internetową. Javascript:Sekcja poświecona teorii języka JavaScript. Pokaże co możemy zrobić w języku JS. Będę omawiał syntax i zastosowanie języka. Zaczniemy od teorii programowania takich jak zmienne, pętle, tablice, funkcje, warunki itp . Potem przejdziemy do manipulacji DOM (Document Object Model). Jak możemy dynamicznie wpływać i kontrolować na nasz html i css.Projekt Praktyczny 2 (Aplikacja webowa):W ten sekcji stworzymy interaktywną stronę gdzie po kliknięciu na dany kubełek nalejemy do niego więcej płynu. Ten przykład pomoże nam wykorzystać wiele z wcześniej nauczonych technik w Javascript. Całość projektu będzie wykonana w JavaScript.Angular 7:Wprowadzenie do framework Angular. Będziemy używać wersji Angular 7. Będziemy mówić o strukturze Angular, jak uruchomić aplikacje, jak ją przygotować do produkcji (gotowej na serwer). Będziemy używać komponentów, serwisów i wszystkiego co najlepsze w Angular. Pokaże również jak można używać narzędzia Angular CLI (Command Line Interface).Projekt Praktyczny 3 (Single Page App):W ten sekcji stworzymy SPA (Single Page Application). Aplikacje jednostronicową gdzie nie musimy odświeżać strony by wczytać nowy kontent. Aplikacja będzie oparta na Angular 7.Python 3Podstawy języka programowania Python 3. Pokaże jak zainstalować python i potrzebne narzędzie na systemach operacyjnych windows i mac OS. Pokaże jak pisać skrypty pythona i jak je wywoływać. Pokaże jak programować w python: zmienne, funkcje, warunki, pętle itp.Projekt Praktyczny 4 (Python Baza Danych w pliku):W tym projekcie pokaże w jaki sposób możemy spytać użytkownika o dane i zapisać je w pliku. Będziemy czytać dane z lokalnego pliku CSV, i dopisywać dane na podstawie input użytkownika. Ten projekt pozwoli utrwalić nam wiele z rzeczy które przerobiliśmy w rozdziale Python.Django 2Wprowadzenie do framework Django. Będziemy używać Django wersji 2+. Pokaże jak można wykorzystać Django do tego by stworzyć pełną aplikacje webową z podłączeniem do bazy danych. Pokaże również jak możemy wykorzystać Django do tego by zrobić własne API (Application Programming Interface). Będziemy mówili o models, views, serializers, urls i templates.Projekt Praktyczny 5 (Django API):W ten sekcji stworzymy API z Django framework. Będzie to gotowe REST API z użyciem Django Rest Framework i będziemy mogli użyć tego API w następnej sekcji w aplikacji Angular.Projekt Praktyczny 6 (Aplikacja Angular z Django API):W ten sekcji będziemy kontynuować aplikacji Filmy którą stworzyliśmy wcześniej i dodany do niej dane z API. Będziemy używać HTTP requests po to by dostać dynamiczne dane z naszej lokalnej bazy danych Django. Będziemy również rozwiązywać problemy z CORS i plikami media.NativeScript 5Będziemy uczyli się jak zrobić własną aplikacje na komórki. Będzie to aplikacja cross platform która będzie wyświetlana jako natywna dla systemów Android i iOS.  Będziemy uczyli się jak zrobić aplikacje wykorzystując wiedzę które wcześniej zdobyliśmy z Angular.Projekt Praktyczny 7 (Mobilna Aplikacja):W ten sekcji stworzymy aplikacje na komórki na systemy iOS i Android. Wykorzystamy do tego NativeScript i Angular. W naszej aplikacji ściągniemy rekordy z bazy danych używając naszego Django API i http. Aplikacja będzie bardzo podobna do tej, którą zrobiliśmy w Angular.React 16:W ten sekcji pokaże jak działa kolejny front-end framework ReactJS. Pokaże wszystkie postawowe rzeczy które będą nam potrzebne by stworzyć aplikacje podobna jak stworzyliśmy z Angular. Będziemy omawiali podstawowe koncepty jak components, props, state itp.Projekt Praktyczny 8 ( Webowa Aplikacja React):W ten sekcji odtworzymy aplikacje Filmy którą stworzyliśmy wcześniej z Angular razem z HTPP z danymi z API. Będziemy używać HTTP requests po to by dostać dynamiczne dane z naszej lokalnej bazy danych.Dodatkowe Info:W ten sekcji skupimy się na dodatkowych informacjach które każdy deweloper webowy powinien wiedzieć.

• Podstawy języków: HTML, CSS, Javascript, Python, TypeScript
• Podstawy frameworków: Angular 7, React, Django 2.2 oraz NativeScript 5
• Jak stworzyć strony internetową i aplikacje webową
• Jak stworzyć serwer backend
• Jak stworzyć aplikacje mobilną na Android i iOS