Kurs JavaScript online. Profesjonalne tworzenie interfejsów internetowych - bezpłatny kurs HTML Academy, szkolenie 9 tygodni, termin 15.10.2023.
Miscellanea / / December 04, 2023
Dlaczego kurs jest profesjonalny?
Na tym kursie dowiesz się, jak tworzyć prawdziwe projekty, na tym samym poziomie złożoności, co w branży. I zrobisz je poprawnie, dzięki czemu po szkoleniu będziesz osiągał wyniki na wysokim poziomie, za które firmy są skłonne zapłacić.
Czego się spodziewać podczas szkolenia
Zyje
Transmisje na żywo, w których nauczyciele analizują złożone zagadnienia z teorii i praktyki. Odbywają się od 19 do 21 czasu moskiewskiego, rejestracja jest możliwa następnego dnia.
Ćwiczyć
Po wykładzie odrabiasz pracę domową, w której pracujesz nad swoim projektem i utrwalasz materiał kursu.
Przegląd kodu
Mentor sprawdzi jakość zadań i podzieli się swoim doświadczeniem, jak to zrobić lepiej.
Sekcja 1 Wprowadzenie do JavaScript
Przyjrzyjmy się, jak działa kurs, jakich narzędzi będziesz potrzebować i jak je skonfigurować. Przyjrzyjmy się, czym jest język JavaScript, w tym specyfikacja ECMAScript i przeglądarka.
Jak działa kurs? Sprawy organizacyjne.
Schemat pracy na kursie.
Przegląd projektów.
Kryteria jakości.
Język JavaScript
Specyfikacja ECMAScriptu.
Co przeglądarka udostępnia JavaScript?
Podstawy JavaScriptu.
Podstawowa składnia: nawiasy, nawiasy klamrowe, operatory, słowa zastrzeżone, komentarze.
Podstawowymi elementami składowymi są zmienne i funkcje.
Pierwotne i złożone typy danych.
Narzędzia.
Redaktorzy kodu.
Linters.
Serwer deweloperski.
Sekcja 2 Podstawowe funkcje JavaScript
Zacznijmy studiować podstawowe konstrukcje JavaScriptu, zwłaszcza funkcje. Przyjrzyjmy się niuansom deklarowania zmiennych. Zapoznajmy się z narzędziami deweloperskimi.
Zmienne.
Obszary widoczności.
Instrukcje warunkowe.
Operator trójskładnikowy.
Przełącznik operatora wielokrotnego wyboru.
Cykle.
Rzucać.
Funkcje.
Funkcje strzałek.
Domyślne parametry funkcji.
parametry spoczynkowe.
Podnoszenie zmiennych i funkcji.
Wprowadzenie do DevTools (narzędzi programistycznych).
Rozdział 3 Obiekty i tablice
Sekcja bez live
Zaznajomisz się ze złożonymi typami danych: tablicami i obiektami. Naucz się je tworzyć i zarządzać nimi.
Złożone typy danych.
Tablice.
Podstawowe metody tablicowe.
Obiekty.
Wywołania zwrotne (funkcje wywołań zwrotnych).
Rozdział 4 Wbudowane obiekty i funkcje
Przyjrzyjmy się obiektom i funkcjom, które istnieją w samym języku JavaScript. Przejdźmy do kontekstu wykonania tego. Uruchommy i debugujmy kod w konsoli narzędzi programistycznych.
Destrukturyzacja.
rozproszona składnia.
Obiekty wbudowane i ich metody.
Strunowy.
Numer.
Wartość logiczna.
Data.
Matematyka.
Operator nowy.
Wbudowane funkcje JavaScript.
Kontekst funkcji.
Kluczem jest to.
Utrata środowiska.
Narzędzia deweloperskie. Korzystanie z konsoli.
Sekcja 5 Organizacja Kodeksu
Przyjrzyjmy się pojęciu zakresów. Omówmy zasadę DRY (nie powtarzaj się) i sposób jej wykorzystania, aby napisać mniej kodu, a mimo to zrobić więcej. Dowiedzmy się czym są moduły i jak „złamać” na nich kod; Co to jest punkt wejścia?
Obszary widoczności.
Globalny zasięg okna.
Domknięcia
Modułowość.
Ponowne wykorzystanie kodu, zasada DRY.
Koncepcja modułu.
Punkt wejścia.
Moduły ECMAScript, składnia importu i eksportu.
DevTools: debugowanie kodu przy użyciu źródeł.
Sekcja 6 DOM i zdarzenia
Sekcja bez live
Zapoznasz się z obiektowym modelem dokumentu. Model obiektowy dokumentu lub DOM). Zastanów się, jak opisać reakcje na działania użytkownika: wpisywanie tekstu, klikanie określonych elementów, przewijanie itp.
Drzewo DOM.
dokument jest źródłem wszystkiego.
Struktura drzewa DOM.
Wyszukaj elementy na stronie.
Zarządzanie atrybutami elementów.
Szablony i dane.
Wydarzenia na stronie.
Osoby obsługujące zdarzenia.
Sekcja 7 Manipulacja DOM
Spróbujmy tworzyć, usuwać, przenosić i manipulować elementami DOM. Korzystając z szablonów, narysujemy utworzone wcześniej dane.
Zarządzanie drzewem DOM.
Zarządzanie atrybutami elementów DOM.
Przenoszenie elementów w drzewie DOM.
Podejścia do tworzenia elementów DOM.
Tworzenie obiektów DOM.
Zarządzanie znacznikami: dołączanie, dołączanie na początku, wstawianieAdjacentHTML, insideHTML, textContent.
Szablonowanie.
Szablonowanie ciągów (ciągi szablonów).
Specjalny znacznik .
Sekcja 8 Praca ze zdarzeniami
Zadbamy o interakcję użytkownika tak, aby strona reagowała na wpisywanie tekstu w formularzach, klikanie w określone elementy, przewijanie itp. Przyjrzyjmy się, jak udostępnić tę interakcję.
Wydarzenia.
Obiekt zdarzenia, zarządzanie zdarzeniami: PreventDefault i stopPropagation.
Fazy wydarzeń i delegacja.
Zdarzenia na klawiaturze i dostępność.
Pętla zdarzeń.
Walidacja formularza.
Pristine to biblioteka do sprawdzania poprawności formularzy.
Walidacja za pomocą wyrażeń regularnych.
DevTools: Możliwości Elements (inspektora) do pracy z DOM i zdarzeniami.
Sekcja 9 Zewnętrzne interfejsy API i biblioteki stron trzecich
Przyjrzyjmy się, jak nie „pisać własnego roweru”, ale ponownie wykorzystać czyjeś doświadczenie i kod. Zapoznajmy się z koncepcją interfejsu oprogramowania. Interfejs programowania aplikacji lub API), należy wziąć pod uwagę interfejs API bibliotek JavaScript innych firm i interfejs API JavaScript usług mapowych. Rzućmy okiem na interfejsy API udostępniane programistom przez przeglądarkę.
Koncepcja API.
Usługi mapowe i ich API JavaScript.
Otwórz StreetMapę.
Ulotka.
Biblioteki stron trzecich.
Dlaczego biblioteki są potrzebne?
Jak połączyć się z projektem.
noUiSlider.
Przegląd interfejsu API przeglądarki.
Sekcja 10 Sieć
Sekcja bez live
Samodzielnie przyjrzysz się protokołowi HTTP i formatowi danych JSON. Zastanów się, jak zmienia się interakcja użytkownika z witryną podczas korzystania z sieci i co może pójść nie tak.
Protokół HTTP i formaty danych.
JSON.
Obsługa wyjątków.
próbuj złapać.
Narzędzia do pracy z żądaniami sieciowymi.
Sekcja 11 Asynchronia. Sieć
Przyjrzyjmy się koncepcji asynchronii i sposobom jej osiągnięcia za pomocą obietnic. Obiecuję, obiecuję). Zapoznajmy się z technologiami, które pozwalają wysyłać żądania do serwera z przeglądarki. Przyjrzyjmy się, jak w praktyce radzić sobie z błędami podczas pracy z siecią, jeśli coś pójdzie nie tak.
Asynchronia.
setTimeout i setInterval.
Obietnica.
Praca z siecią.
pobierz, aby skontaktować się z serwerem.
Obsługa błędów w żądaniach.
DevTools: praca z żądaniami sieciowymi w sieci.
Pierwszy tydzień obrony
Zakończenie prac nad projektem i przygotowanie do obrony końcowej.
Sekcja 12 Informacje zwrotne i optymalizacja
Optymalizujemy pracę z danymi i zdarzeniami na naszej stronie internetowej. Wdrażamy przejrzysty i przyjazny dla użytkownika interfejs informacji zwrotnej.
Zaawansowana praca z tablicami.
Sortowanie.
Filtrowanie.
Optymalizacje wydajności.
Upuszczanie klatek - throttling.
Eliminacja odbicia - odbicia.
Plik API.
URL.createObjectURL().
Czytnik plików.
Drugi tydzień obrony
Pierwsza ocena projektu przez mentora recenzującego pod kątem kryteriów jakościowych.
Trzeci tydzień obrony
Udoskonalenie projektu w oparciu o uwagi mentora recenzującego i poddanie go drugiej ocenie.
Sekcja 13 Końcowa
Podsumujmy kurs, a następnie omówmy funkcje JavaScript, z którymi możesz spotkać się w pracy. Pojęcie starszego kodu i co z nim zrobić, z kodem. Rzućmy okiem na zaawansowane narzędzia dla programistów front-end, abyś wiedział, co dalej.
Specjalny JavaScript.
Tryb ścisły „użyj ścisłego”.
Opcjonalne średniki.
Starszy kod.
jQuery.
var i zakres funkcjonalny.
Żądanie XMLHttp.
Funkcje konstruktora.
Prototypy.
Zaawansowane narzędzia.
Pakiet internetowy.
Transpilery i polifilly.
Babel.
Czwarty tydzień obrony
Dokonywanie ostatecznych poprawek i otrzymanie oceny końcowej.
sashascript2022
26.07.2022 G.
Rozważam kurs JavaScript. Profesjonalne tworzenie interfejsu internetowego to świetny początek nauki JavaScript.
Zalety: Obecny materiał, nic zbędnego, brak wody + powyższe zalety. Wady: Na początku było to dla mnie bardzo trudne, ponieważ uczę się języka od zera) Brałem udział w tym kursie od 15 lutego do 18 kwietnia 2022 r. I zdobył solidną podstawową wiedzę na temat JavaScript. Ale to nie wszystko, co zrobiłem na kursie. Poznałem także podstawy HTML, CSS, podstawy pracy z Git i Github i wiele więcej...
Semen Buszmanow
27.05.2022 G.
Dobre kursy!
Zalety: Daje uczniowi rezultaty, przejrzyście skonstruowane, przemyślane, dobra prezentacja materiału. Wady: Brak, ale warto zaznaczyć, że programowanie w ogóle wymaga sporo czasu. Ukończył kurs „Javascript”. Profesjonalne tworzenie interfejsów internetowych.” Wspaniały kurs! Postęp w programowaniu po kursie jest oczywisty. Naprawdę trzeba poświęcić dużo czasu na naukę...
Semen Buszmanow
27.05.2022 G.
Dobre kursy!
Zalety: Daje uczniowi rezultaty, przejrzyście skonstruowane, przemyślane, dobra prezentacja materiału. Wady: Brak, ale warto zaznaczyć, że programowanie w ogóle wymaga sporo czasu. Ukończył kurs „Javascript”. Profesjonalne tworzenie interfejsów internetowych.” Wspaniały kurs! Postęp w programowaniu po kursie jest oczywisty. Naprawdę trzeba poświęcić dużo czasu na naukę...