Tworzenie aplikacji internetowych dla biznesu - kurs 67 200 rub. z Coddy School of Programming for Children, szkolenie 8 modułów (miesiące)

Nauczyciel kursu:
„Programowanie w JavaScript”, „Programowanie gier w Pythonie”, „Programowanie WWW”, „Boty w Pythonie”, „Programowanie w Pythonie3”, „Tworzenie aplikacji internetowych dla biznesu”

Miesiąc 1

Dzień pierwszy — wprowadzenie do JavaScript

Cel lekcji: zapoznanie uczniów z językiem JS, jego zakresem i głównymi różnicami w stosunku do innych języków. Napisz swój pierwszy program w JS, korzystając z funkcji wejścia i wyjścia.

− Do czego służy JS?
− Wprowadzanie i wyprowadzanie informacji
− Czym są zmienne, dyrektywy let i const
− Podstawowe typy danych w JS

Wynik lekcji: Uczniowie nauczyli się jak stworzyć prosty program w JS, wyświetlić informacje na ekranie, odczytać informacje od użytkownika i zapisać je w zmiennych.

Dzień drugi – Operatory matematyczne i logiczne

Cel lekcji: Naucz się rozwiązywać problemy matematyczne i logiczne przy użyciu JS.

− Operatory arytmetyczne
− Operatory porównania
− Typ danych Boolean
− Operatory logiczne

Wynik lekcji: Opanowałem matematyczne i logiczne możliwości JS w zakresie pisania logiki programu. Napisano kilka programów do rozwiązywania problemów matematycznych i logicznych.

Dzień trzeci – Instrukcje warunkowe

Cel lekcji: Poznaj sposoby kontrolowania przepływu programu za pomocą instrukcji warunkowych.

− instrukcje if/else
− Wiele rozgałęzień
− Operator trójskładnikowy
− Kolejność obliczania wyrażeń logicznych

Wynik lekcji: Studenci nauczyli się implementować algorytmy nieliniowe z wykorzystaniem operatorów rozgałęzień. Zyskał głębsze zrozumienie pracy z wyrażeniami logicznymi. Napisaliśmy prosty program do nieliniowej rozmowy z użytkownikiem.

Dzień czwarty – Cykle. Podczas gdy Pętla

Cel lekcji: Rozwiąż problem wykonywania podobnych działań dla dużej ilości danych za pomocą pętli.

− Pojęcie i znaczenie cyklu
− pętla while
− Pojęcie iteracji i iteratora

Wynik lekcji: Studenci nauczyli się implementować algorytmy nieliniowe z wykorzystaniem operatorów rozgałęzionych. Zyskał głębsze zrozumienie pracy z wyrażeniami logicznymi. Stworzyliśmy grę „Zgadnij liczbę” lub podobną grę opartą na cyklu.

Miesiąc 2

Dzień pierwszy - Powtórzenie podstawowych struktur algorytmicznych. dla pętli

Cel lekcji: Powtórz i utrwal to, czego nauczyłeś się w ostatnim module. Zapoznaj się z nową konstrukcją pętli for i jej zaletami w porównaniu z while.

− dla pętli
− Przerwij i kontynuuj wypowiedzi
− Wyliczanie ciągów

Wynik lekcji: Zakończyliśmy naukę podstawowej składni JS i utrwaliliśmy zdobytą wiedzę.

Dzień drugi – Masywy

Cel lekcji: Naucz się używać tablic do przechowywania i przetwarzania dużych ilości podobnych danych.

− Pojęcie i deklaracja tablic
− Metody tablicowe
− Pętla po elementach tablicy
− Tablice wielowymiarowe

Wynik lekcji: Uczniowie nauczyli się przechowywać i przetwarzać duże ilości danych za pomocą tablic.

Dzień trzeci – Praca ze strunami

Cel lekcji: Naucz się efektywnie pracować z informacjami tekstowymi, wykorzystując możliwości JS w zakresie ciągów.

− Cytaty i znaki specjalne
− Praca ze znakami, zmiana wielkości liter
− Wyszukaj i pobierz podciąg
− Porównanie ciągów
− Pojęcie kodowania

Wynik lekcji: Uczniowie nauczyli się korzystać z narzędzi JS do manipulowania, tworzenia i modyfikowania tekstu.

Dzień czwarty – Funkcje

Cel lekcji: Naucz się konstruować programy za pomocą funkcji.

− Deklaracja funkcji
− Zmienne zakresy
− Parametry funkcji
− Zwracanie wartości

Wynik lekcji: Uczniowie nauczyli się pisać piękny, zrozumiały i ustrukturyzowany kod za pomocą funkcji.

Miesiąc 3

Dzień pierwszy – Przedmioty

Cel lekcji: Naucz się wygodnie przechowywać powiązane ze sobą dane za pomocą obiektów, zapoznaj się z podstawami programowania obiektowego.

− Tworzenie obiektu
− Klucze i wartości
− Metody obiektowe
− Konstruktorzy obiektów
− Tablice obiektów

Wynik lekcji: Zakończyliśmy naukę narzędzi JS do wygodnego przechowywania informacji. Napisaliśmy program „Książka telefoniczna” lub podobny.

Dzień drugi - Podstawy układu przy użyciu Bootstrapa

Cel lekcji: Naucz się podstaw HTML i CSS. Zapoznaj się ze frameworkiem Bootstrap do szybkiego tworzenia interfejsów.

− Podstawy HTML i CSS
− Klasy CSS, komponenty Bootstrap

Wynik lekcji: Studenci nauczyli się tworzyć interfejsy przy użyciu Bootstrapa. Stworzyliśmy interfejs aplikacji To Do List.

Dzień trzeci – Praca z DOMem

Cel lekcji: Naucz się podstaw układu HTML i używania JS do manipulowania elementami na stronie.

− Wyszukiwanie elementów na stronie
− Atrybuty i właściwości elementów
− Modyfikacja dokumentu

Wynik lekcji: Uczniowie nauczyli się manipulować zawartością strony za pomocą JS. Przemyśleliśmy strukturę danych dla aplikacji Lista To Do.

Dzień czwarty – Wydarzenia

Cel lekcji: Naucz się pracować ze zdarzeniami na stronie internetowej i powiąż z nimi swoje funkcje

− Zdarzenia dotyczące myszy, klawiatury i dokumentów
− Tworzenie procedur obsługi zdarzeń
− Uzyskanie informacji o zdarzeniu i elemencie

Wynik lekcji: Uczniowie nauczyli się pracować ze zdarzeniami w JS, zakończyli pracę nad aplikacją „To-Do List”.

Miesiąc 4

Dzień pierwszy – Podstawy git, nodejs, npm i express

Cel lekcji: Przygotuj się do stworzenia aplikacji internetowej przy użyciu frameworka Express. Zapoznaj się z głównymi narzędziami pracy z projektem

− git, koncepcja zatwierdzenia, utworzenie repozytorium
− Uruchamianie programów JS przy użyciu nodejs
− Zarządzanie zależnościami za pomocą npm
− Utworzenie szablonu aplikacji w Expressie

Wynik lekcji: Studenci stworzyli szablon aplikacji za pomocą programu Express i przygotowali niezbędne narzędzia do pracy.

Dzień drugi – Ścieżki i wzorce

Cel lekcji: Poznaj koncepcję żądań http i ścieżek w aplikacji internetowej. Dowiedz się jak tworzyć szablony stron i wstawiać do nich niezbędne dane.

− Zrozumienie ścieżki żądania, żądań GET i POST
− Tworzenie procedur obsługi żądań
− Pisanie szablonów stron podmiany danych

Wynik lekcji: Uczniowie poznali podstawowe narzędzia do tworzenia aplikacji internetowej w Expressie oraz napisali prosty blog w JS.

Dzień trzeci – Bazy danych i kontrolery

Cel lekcji: Dowiedz się, jak połączyć bazę danych z aplikacją Express i wykonywać proste zapytania do bazy danych.

− MongoDB i Mongoose
− Napisanie schematu i modelu danych
− język json
− Dodawanie dokumentów do bazy danych
− Odbiór dokumentów z bazy danych

Wynik lekcji: Uczniowie połączyli bazę danych z blogiem w Expressie. Nauczyliśmy się pisać schemat i model danych, dodawać i odpytywać informacje z bazy danych.

Dzień czwarty – Użytkownicy i logowanie

Cel lekcji: Poznaj podstawy pracy z kontami użytkowników w aplikacji Express. Autoryzacja i uwierzytelnianie.

− Tworzenie kont użytkowników
− Zapisywanie zarejestrowanych użytkowników do bazy danych
− Oprogramowanie pośrednie i ścieżki chronione
− Strona użytkownika

Wynik lekcji: Studenci poznali podstawy pracy z kontami użytkowników w aplikacjach webowych. Dodano autoryzację do bloga na Expressie.

Miesiąc 5

Dzień pierwszy – budowanie zespołu. Dogłębne wprowadzenie do HTML

Cel lekcji: Podziel grupę na zespoły, rozdziel role i ustal komunikację w zespołach. Dowiedz się więcej o funkcjach języka HTML.

− Budowanie zespołu:
− Tworzenie zespołów
− Podział ról w zespole
− Komunikacja poprzez komunikator Slack
− Rozwój:
− Tagi, rodzice i dzieci
− Tagi pojedyncze i podwójne
− znaczniki div i semantyczne
− Atrybuty tagu

Wynik lekcji: Zaczęliśmy pracować w grupach i nawiązaliśmy komunikację wewnątrzgrupową. Uczniowie lepiej zaznajomili się z funkcjami języka HTML.

Dzień drugi – Cele i zadania biznesowe

Cel lekcji: Poznaj priorytetowe cele biznesowe i zadania firm, naucz się określać cele konkretnego przypadku (wymagana jest informacja zwrotna od firmy).

− Koncepcje priorytetowych celów i zadań biznesowych
− Spotkanie z przedstawicielami firmy
− Analiza informacji od klienta

Wynik lekcji: Po lekcji student potrafi rozróżnić cele biznesowe, wykorzystując wiedzę zdobytą na lekcji, analizuje informacje od klienta, przekazując wynik w postaci spisanego celu biznesowego klienta.

Dzień trzeci – szczegółowy CSS

Cel lekcji: Dowiedz się więcej o funkcjach języka CSS. Dowiedz się o oddzieleniu problemów między HTML i CSS.

− Rozróżnianie pomiędzy treścią i designem
− Selektory i specyfika
− Model blokowy
− Pseudoklasy

Wynik lekcji: Uczniowie dowiedzieli się więcej o funkcjach języka CSS.

Dzień czwarty – Historia użytkownika

Cel lekcji: Przemyśl model aplikacji webowej (wymagana jest opinia firmy).

− Koncepcja User Story
− Przemyślenie historii użytkownika Twojej aplikacji w oparciu o wcześniej ustalony cel biznesowy
− Praca nad modelem przyszłej aplikacji internetowej

Wynik lekcji: Na tej lekcji uczniowie dowiedzieli się, czym jest User Story i w oparciu o wcześniej zdefiniowany cel biznesowy opracowali model przyszłej aplikacji z różnymi mechanikami.

Miesiąc 6

Dzień pierwszy – Flexbox

Cel lekcji: Dowiedz się, jak manipulować blokami na stronie za pomocą narzędzi Flexbox.

− Czym jest Flexbox
− Kontenery i elementy w kontenerze
− Podstawowe właściwości pozycjonowania
− Flexbox wykorzystujący klasy pomocnicze Bootstrap

Wynik lekcji: Studenci zapoznali się z nowoczesnymi podejściami do układu z wykorzystaniem Flexboksa.

Dzień drugi - Tworzenie układu w Figmie

Cel lekcji: Opracuj prototyp aplikacji internetowej w Figmie.

− Funkcje i cechy Figmy
− Komponenty, ramy i siatki
− Praca nad wyglądem aplikacji z uwzględnieniem informacji zwrotnych otrzymanych na etapie User Story

Wynik lekcji: Studenci, korzystając z aplikacji Figma, stworzyli gotowy prototyp (layout projektu) aplikacji internetowej.

Dzień trzeci – Praca zespołowa. Głębokie zanurzenie się w Git

Cel lekcji: Naucz się pracować z podstawowymi narzędziami Git i Github.

− Inscenizacja i zatwierdzanie
− plik .gitignore
− Oddziały i łączenie
− Zdalne repozytorium, polecenia push i pull

Wynik lekcji: Uczniowie uczyli się pracy zespołowej przy użyciu narzędzi git.

Dzień czwarty — szczegółowe omówienie routingu i kontrolerów w Expressie

Cel lekcji: Przejrzyj pozostałe pytania dotyczące przetwarzania zapytań w programie Express.

− Parametry żądania
− Ustawianie kodu odpowiedzi
− Rutera
− Odbieranie danych dotyczących żądania pocztowego
− Przekierowanie
− Wysyłanie pliku

Wynik lekcji: Uczestnicy kursu zyskali pełniejszą wiedzę na temat pracy z routingiem i przetwarzaniem żądań w aplikacji Express.

Miesiąc 7

Dzień pierwszy – Praca nad własnymi projektami. Pliki statyczne

Cel lekcji: Zacznij wdrażać swoje aplikacje internetowe. Dowiedz się, jak przetwarzać pliki statyczne w aplikacji Express.

− Czym pliki statyczne różnią się od informacji dynamicznych i dlaczego należy je przetwarzać oddzielnie
− Ustawianie przepływu przetwarzania plików statycznych

Wynik lekcji: Uczniowie kontynuowali pracę nad własnymi projektami. Nauczyłem się pracować z plikami statycznymi w Expressie.

Dzień drugi – Praca nad własnymi projektami. Dogłębna praca z MongoDB i Mongoose

Cel lekcji: Kontynuuj pracę nad aplikacjami internetowymi. Przejrzyj pozostałe pytania dotyczące pracy z bazą danych MongoDB w programie Express.

− Typy danych w schematach
− Walidacja i przechowywanie danych
− Różne typy zapytań do baz danych

Wynik lekcji: Uczniowie kontynuowali pracę nad własnymi projektami. Zdobyłem głębsze zrozumienie pracy z danymi w Express przy użyciu MongoDB i Mongoose.

Dzień trzeci – Praca nad własnymi projektami. Kontynuuj pracę z danymi w Expressie

Cel lekcji: Kontynuuj pracę nad aplikacjami internetowymi. Poznaj kilka ciekawych technik pracy z danymi w Expressie.

− Asynchroniczne żądanie danych
− Komunikaty Flash na stronie
− Edycja istniejących rekordów w bazie danych

Wynik lekcji: Kontynuujemy prace nad własnymi projektami. Studenci nauczyli się wdrażać przydatne techniki pracy z danymi w programie Express.

Dzień czwarty – Prezentacja i wystąpienia publiczne

Cel lekcji: Rozpocznij przygotowania do ochrony aplikacji internetowych.

− Analiza tematu i celu prezentacji (koncepcja prezentacji: gdzie i dlaczego jest używana, stworzenie mapy skojarzeń dla Twojego tematu, napisanie kompletnego tekstu na wybrany temat)
− Prototypowanie prezentacji (etapy prezentacji, określenie logicznego wprowadzenia, głównej idei, wniosków)

Wynik lekcji: Studenci zaczęli przygotowywać się do obrony swoich aplikacji internetowych, poznali warunki udanej prezentacji oraz ćwiczyli pisanie własnej wypowiedzi.

Miesiąc 8

Dzień pierwszy – Praca nad własnymi projektami. Paginacja

Cel lekcji: Zakończ pracę nad aplikacjami webowymi, napraw najnowsze błędy, zidentyfikuj najnowsze problemy. Naucz się paginacji (podzielenia dużej ilości informacji na kilka stron).

− Tworzenie paginacji

Wynik lekcji: Prace nad aplikacjami webowymi wkraczają w końcową fazę. Studenci otrzymali końcowe wskazówki do powtórki. Dowiedziałeś się, jak używać paginacji w swoich aplikacjach.

Dzień drugi - Wdrożenie aplikacji na serwerze

Cel lekcji: Dowiedz się, jak skonfigurować serwer w systemie Linux, skonfigurować środowisko NodeJS i wdrożyć aplikację w Express.

− Zarejestruj wirtualny serwer prywatny
− Podstawy administracji Linuksem (praca z pakietami, zarządzanie użytkownikami, ssh, firewall)
− Instalacja NodeJS na serwerze
− Kierownik Procesu PM2

Wynik lekcji: Uczniowie nauczyli się konfigurować serwer w systemie Linux, stworzyli środowisko i wdrożyli aplikacje internetowe.

Dzień trzeci – Prezentacja i wystąpienia publiczne

Cel lekcji: Kontynuuj przygotowania do ochrony aplikacji internetowych.

− Projekt prezentacji (podstawy udanej prezentacji, wypełnianie slajdów informacjami tekstowymi, tworzenie prezentacji bez pomocy gotowych układów, rozwijanie własnego stylu i designu prezentacje)
− Wystąpienia publiczne (samodzielne przygotowanie tekstu na wybrany temat, przygotowanie prezentacji do wystąpienia, obrona projektu)

Wynik lekcji: Studenci kontynuowali przygotowania do obrony swoich aplikacji internetowych, poznali zasady projektowania prezentacji oraz ćwiczyli wystąpienia publiczne.

Dzień czwarty - Obrona projektów przed przedstawicielami firmy.