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 iOS

Ten 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 3

Podstawy 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 2

Wprowadzenie 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 5

Bę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ć.