Twórca stron internetowych od podstaw - kurs 72 900 rub. z Brunoiam, staż 9 miesięcy, data 27.11.2023.
Miscellanea / / November 27, 2023
Maksymalnie efektywny trening
Obecna wiedza
Kursy opracowywane są na podstawie analizy wolnych miejsc pracy i aktualizowane co sześć miesięcy. Nic zbędnego – uczymy tylko tego, co przyda się w pracy
Rola mentorów
Dużo łatwiej jest uczyć się nowych rzeczy z osobistym mentorem, który zanurzy Cię w Twoim projekcie, pomoże rozwinąć Twoje mocne strony i nie pozostawi Cię samego z trudnościami.
Prawdziwe projekty
Realizacja projektów przybliża studenta do rzeczywistych warunków pracy. Projekty pomagają nie tylko nauczyć się materiału, ale także zanurzyć się w zawodzie
Prosto, szybko i wygodnie
Przejrzysta struktura. Kurs podzielony jest na moduły. Moduły do lekcji. Każda lekcja to teoria połączona z osobistym doświadczeniem nauczyciela. Bez długich pozdrowień i wody
Dla kogo jest ten kurs?
Dla tych, którzy chcą zostać programistą internetowym
Głównym celem kursu jest przygotowanie do zawodu. Po szkoleniu będziesz mógł znaleźć pracę i szybko rozwijać swoje umiejętności w firmie
Dla tych, którzy chcą spróbować nowego obszaru
Programowanie stron internetowych pozostaje jednym z najbardziej poszukiwanych zawodów i nie zamierza tracić na popularności. Jest to obiecujący obszar, w który jest jeszcze czas, aby móc skutecznie konkurować na rynku pracy
Jak przebiega szkolenie
- Ucz się według harmonogramu, który Ci odpowiada
- Poćwicz nad swoją pracą domową. Składają się z trzech poziomów trudności
- Pracuj nad projektami w tym samym czasie. Trafią do Twojego portfolio
- Wysyłaj zadania praktyczne swojemu mentorowi. Szczegółowych informacji zwrotnych udzieli w ciągu 24 godzin
Technologie, które będziesz studiować:
- HTML to język znaczników, w którym budowane są strony internetowe. Informuje przeglądarkę, jak wyświetlić załadowaną witrynę
- CSS to język stylizacji. Współpracuje z przeglądarką, aby nadać styl dokumentowi
- Github – usługa w chmurze do pracy nad kodem w zespole
- Technologie i protokoły sieciowe - TCP/IP, HTTP, HTTPS, FTP
- JavaScript jest najpopularniejszym językiem programowania w Internecie. Opisuje zachowanie elementów strony internetowej lub przeglądarki
- Node.js to środowisko umożliwiające uruchamianie kodu JavaScript poza przeglądarką. Służy do automatyzacji rutynowych zadań
- React Basics - biblioteka do tworzenia interfejsów, pozwala na szybsze tworzenie komponentów interfejsu
- Podstawy Typescript to język programowania opracowany przez firmę Microsoft, który dodaje system typów do elastyczności i dynamicznych możliwości JS.
- Podstawy PHP - jednego z wiodących języków współczesnego tworzenia stron internetowych
- Figma/Adobe Photoshop - edytory graficzne układu stron internetowych oparte na układach projektantów stron internetowych
2
kursDoświadczenie zawodowe W 2014 roku zająłem się tworzeniem stron internetowych. Od 2017 roku pracuje jako front-end developer w agencji cyfrowej Kelnik, tworząc duże serwisy internetowe dla deweloperów mieszkaniowych oraz sklepów internetowych. Przez ponad rok pracowałem w międzynarodowej...
doświadczenie
W 2014 roku przerzuciłem się na tworzenie stron internetowych. Od 2017 roku pracuje jako front-end developer w agencji cyfrowej Kelnik, tworząc duże serwisy internetowe dla deweloperów mieszkaniowych oraz sklepów internetowych. Przez ponad rok pracowałem w międzynarodowej firmie Wrike. Obecnie niezależny programista.
O mnie
Nie zawsze byłem związany z internetem – karierę zaczynałem w 2007 roku jako inżynier procesu w dziedzinie wentylacji, choć moim ulubionym przedmiotem w szkole była informatyka. W 2014 roku powrócił „do korzeni”, zaczynając od układu strony - html, css, jQuery. Pierwszym projektem była strona internetowa salonu firan dla bliskich. Byłem dumny - sam to przepisałem i przeniosłem na WordPressa :) Potem była ciernista droga do freelancingu i doskonałego doświadczenia w agencji i rozwoju produktu. Przyjdź na kurs - nauczymy się pisać kod, zdobędziemy nową umiejętność tworzenia stron internetowych oraz dowiemy się, jak i gdzie zastosować tę umiejętność!
1
DobrzeDoświadczenie programisty frontendowego. Karierę zaczynałem jako freelancer, a obecnie pracuję jako full-stack developer w firmie. O sobie Nie stoję w miejscu, cały czas studiuję nowe technologie. Wiem, jak to jest zmieniać zawód. Dlatego...
doświadczenie
Programista frontendowy. Karierę zaczynałem jako freelancer, a obecnie pracuję jako full-stack developer w firmie.
O mnie
Nie stoję w miejscu, cały czas studiuję nowe technologie. Wiem, jak to jest zmieniać zawód. Dlatego skupiam się na wyjaśnianiu skomplikowanych zagadnień prostym językiem i pomaganiu uczniom w ugruntowaniu wiedzy na przykładach.
„Na szczególną uwagę zasługuje ciekawa prezentacja materiału, ilość wiedzy i umiejętności oraz przystępna forma przekazywanych informacji. Przejrzyste prezentacje. Dziękuję za uporządkowany materiał, wszystko jest logiczne!”
— Polina Siergiejewna, WB296-2459
Blok 1 - Podstawy technologii webowych
- Wyznaczanie osobistych celów kursu
- Rodzaje witryn, funkcjonalność
- Etapy tworzenia stron internetowych, główne zawody w branży
- Technologie sieciowe i protokoły internetowe: TCP/IP, HTTP, HTTPS, FTP
- Hosting i domena, system DNS
- Model klienta i serwera
- Rola przeglądarki i edytorów kodu
- Konfiguracja przestrzeni roboczej
- Systemy kontroli wersji. Git
Blok 2 - HTML
- Wprowadzenie do HTML: koncepcje tagów i atrybutów
- Kodowanie tekstu HTML
- Tagi do tworzenia tekstu
- Hiperłącza i adresy plików
- Linki kotwiczne
- Link do dzwonienia i wysyłania e-maili
- Tabele w HTML
- img i jego atrybuty. Zasady zamieszczania zdjęć. Formaty obrazów: jakie wybrać
Blok 3 – CSS
- Podstawowa składnia CSS
- Główne typy selektorów: identyfikatory, klasy, pseudoklasy
- Specyfikacje i priorytety reguł
- Kaskada i dziedziczenie majątku
- Selektor kontekstowy i uniwersalny
- Właściwości tekstu i czcionki w CSS
- Podłączanie czcionek zewnętrznych
- Kolory HEX i RGB. Dodanie jednolitego tła do elementów. Obraz tła strony, ustawienia tła
Blok 4 - Model bloku i układ strony internetowej
- Zrozumienie elementów blokowych i wbudowanych
- Kluczowe właściwości bloków
- Jak obliczany jest rozmiar bloku i rozmiar pudełka: border-box
- Co to jest model blokowy
- Używanie bloków do budowania układu
- Wbudowane elementy blokowe
- właściwość wyświetlania
- Przestarzałe metody konstruowania układu: znane, nie można zastosować
Blok 5 – Układy wielokolumnowe z Flexboxem
- Tagi semantyczne do projektowania układu
- Podstawy Flexbox: kontenery i elementy
- Wyrównywanie elementów wzdłuż osi głównej i poprzecznej
- Zmiana osi i pionowe ustawienie elementów
- Problemy z używaniem Flexboksa
Blok 6 - Podstawy edytorów graficznych dla projektantów makiet
- Praca ze zdjęciami: kadrowanie, przycinanie
- Oszczędność: format, jakość, waga
- Jak znaleźć kod koloru
- Narzędzia czcionek
- Kopiowanie gotowego CSS
- Pomiar odległości: narzędzia, ustawienia
- Efekty i ich kopiowanie
- Osadzanie map i filmów
Blok 7 – Pozycjonowanie
- Rodzaje pozycjonowania: statyczne, bezwzględne, względne, stałe
- Cechy różnych typów pozycjonowania
- indeks Z i kontekst nakładki
- Kiedy i jak stosować pozycjonowanie
- Przykład wielopoziomowego menu rozwijanego
- Rozwiązywanie typowych problemów związanych z pozycjonowaniem
Blok 8 – Formularze informacji zwrotnej
- Podstawowe elementy formularza: wejście, wybór, pole tekstowe, przycisk
- Stan pola i pseudoklasy
- Pole wyboru elementów wyboru, radio, wybierz
- Grupowanie elementów: zestaw pól i legenda
- Style pseudoelementu zastępczego
- Zasady pisania stylów formularzy
- Guziki do stylizacji
Blok 9 - Responsywne i adaptacyjne projektowanie stron internetowych
- Koncepcja adaptacyjnego i responsywnego projektowania stron internetowych
- Zapytania mediów
- Opcje rzutni i znacznik meta rzutni
- Problemy z różnymi przeglądarkami
- Ważność kodu, walidatory
- Funkcje witryn wielostronicowych
- Zasady układu promocji SEO
Blok 10 - Animacja z wykorzystaniem HTML5 i CSS3
- Płynne przejścia do tworzenia efektów animacji
- Animacja z wykorzystaniem klatek kluczowych
- Transformacja elementów
- Dodanie podstawowych elementów animacji do serwisu
Blok 11 – Podstawy JavaScriptu
- Wprowadzenie do JavaScriptu
- Zmienne i typy danych
- Operatory matematyczne i konwersja typów
- Operatory logiczne
- Gałęzie i instrukcje warunkowe
- Wbudowane funkcje interakcji z użytkownikiem
Blok 12 – Pętle i tablice w JavaScript
- Tablice
- Metody pracy z tablicami
- pętle for i while
- Zagnieżdżone tablice
- Praca z konsolą
Blok 13 - Funkcje
- Definicja funkcji. Funkcja strzałki i jej różnice w stosunku do zwykłej. Wyrażenie funkcji i deklaracja funkcji.
- Obszar widoczności. Jak to działa. Środowisko leksykalne.
- Timery i zamknięcie. Funkcje setInterval, setTimeout, clearInterval, clearTimeout. Co to jest zamknięcie i jak można je wykorzystać.
- Funkcje wywołania zwrotnego
Blok 14 - Przedmioty. DOM. Wydarzenia
- Obiekty i słowniki. Jak tworzyć obiekty. Kluczem jest to. Pobieranie, zmienianie i usuwanie właściwości obiektu. Linki do obiektów.
- Dziedziczenie prototypów. Jak działa dziedziczenie właściwości i metod. Projektanci.
- Zajęcia. Definicja klas i zalet użytkowania. Rozbudowa zajęć. Metody prywatne i publiczne. Gettery i settery. Przykład tworzenia programu z wykorzystaniem klas i architektury MVP.
- DOM. Model obiektowy strony i dlaczego jest potrzebny. Znajdowanie elementów na stronie i pobieranie ich. Wyliczanie pierwiastków i podstawowe właściwości.
- Wydarzenia
Blok 15 - Animacja i efekty w JavaScript
- Animacje JavaScript. Zmiana właściwości CSS elementów. Krzywa Beziera. Przykłady animacji.
- Renderowanie w przeglądarce. Zoptymalizowane właściwości. funkcję requestAnimationFrame.
- Biblioteki z animacjami
Blok 16 - Elementy interaktywne
- Suwak
- Akordeon
- Etykietka
Blok 17 - Node.js
- Wprowadzenie do Node.js. Funkcje Node.js. Krótko o modułach i ich przeznaczeniu: fs, child_process, https.
- NPM. Podstawowe polecenia menedżera pakietów npm. Inicjalizacja projektu i instalacja pierwszych pakietów. Struktura pakietu.json.
- Podstawy pakietu internetowego. Po co nam asemblery i jakie etapy można zautomatyzować? Pierwsza konfiguracja i automatyzacja kompilacji Webpacka: minifikacja kodu, konkatenacja modułów i wykorzystanie preprocesora SCSS.
- Preprocesor SCSS. Zalety preprocesorów. Szybki przegląd różnic między niektórymi: SCSS, SASS, Less, post-css. Podstawowe konstrukcje: zmienne, miksy, funkcje.
Blok 18 - Praca z serwerem
- Obiecaj API
- Kontakt z serwerem i klasą XMLHttpRequest
- metoda pobierania
- Biblioteka Axis
Blok 19 – Podstawy reagowania
- Komponenty i JSX
- Stan komponentu
- Haczyki
- Elementy stylizacji
- Reaguj-Router
Część 20 – Podstawy TypeScriptu
- Pisanie statyczne
- Interfejsy i typy
- Typy wyliczeniowe
Blok 21 – Przegląd planu działania programisty JS
- Krótko o tym jak dalej rozwijać się jako programista i czego się uczyć
Blok 22 - Podstawy programowania w PHP
- Cel technologii serwerowych
- Lokalny serwer WWW i domena
- Tworzenie dynamicznych stron internetowych
- Koncepcja systemów CMS
- Hosting stron internetowych
- Protokół FTP do pobierania plików
- Podsumowanie i zakończenie projektu
Stawka premiowa
Bezpłatny kurs „Naucz się uczyć”
Każdemu kursantowi dajemy dostęp do tego kursu, aby szkolenie nie poszło na marne. Problem w tym, że ludzie nie osiągają efektów treningu. Istnieją trzy główne powody:
- Nie ma jasnych celów. Nawet ci, którzy rozumieją wagę celów, nadal tego nie robią. Chcę zmienić pracę i zostać fajnym menadżerem mediów społecznościowych – nie jest to cel, ale pragnienie. Przy takim ustawieniu wynik będzie odpowiedni.
- Porzucenie nauki w połowie. Wiele osób znajduje motywację już w pierwszym tygodniu. Ale dotarcie do końca jest niemożliwe. Ponieważ mózg nie lubi się regularnie uczyć.
- Brak spójności. To dość powszechne zjawisko, gdy chwytamy jakąkolwiek informację na wybrany temat, poruszamy się chaotycznie i w efekcie bezskutecznie.
Dlaczego wyróżniliśmy te trzy powody? Ponieważ uczymy od 11 lat i widzimy opinie uczniów. Podczas kursu podpowiemy Ci, jak zastosować całą tę cenną wiedzę w życiu.