Фронтенд програмер - курс 47.600 руб. из школе Лофт, обука 3 месеца, датум 28.11.2023.

Вуе.јс напредни веб развој

1. недеља – ток рада

— Упознајемо ментора и групу.
— Користећи вебпацк монтажу, креирамо изабрани изглед за коначни пројекат.
— Резултат постављамо на Гитхуб и достављамо га ментору на верификацију.

Отварање курса
1. Како иде обука (01:09:37)

Вуе. Кључне карактеристике
1. Тхеори (04:49)
2. Хелло Ворлд (06:20)
3. Обрада догађаја (02:38)
4. Руковање више догађаја (01:19)
5. Динамичке вредности (01:30)
6. Увод у директиве (05:40)

7. Скраћене директиве (00:37)
8. Методе са параметрима (01:36)
9. Модификатори догађаја (08:52)
10. Цомпутед Пропертиес (10:50)
11. Ватцхерс (06:02)
12. Рад са разредима (03:37)
13. Рад са ЦСС својствима (02:49)
14. Приступ ДОМ елементима (03:50)
15. Условно приказивање (04:46)
16. Рендеринг листе (05:12)
17. Креирање компоненте (04:16)
18. Локалне компоненте (02:44)
19. Реактивност података (04:35)
20. Својства компоненти (03:52)
21. Слотс (04:37)
22. Слотови са опсегом (04:52)
23. Прилагођени догађаји (04:27)
24. Телепортс (02:53)

Вуе. Компоненте са једним фајлом
1. Инсталирање пројекта. ВУЕ-ЦЛИ (09:22)
2. Компонента једне датотеке (03:18)
3. Рад са стиловима (07:02)
4. Преношење атрибута и руковалаца (02:53)
5. Појединачне датотеке (01:26)
6. Валидација својстава компоненти (07:35)
7. Валидација корисничких догађаја (02:01)
8. Двосмерна комуникација података (04:11)
9. Прилагођени в-модел (05:51)
10. Лифецицле Хоокс (07:08)
11. нечистоће (04:40)

НПМ
1. Шта је нпм? (05:50)
2. Инсталирање и ажурирање нпм-а (02:33)
3. Помоћ са нпм-ом (01:28)
4. Проналажење и инсталирање пакета (04:24)
5. Зависности од пакета (02:09)
6. Манифест датотека пацкаге.јсон (03:02)
7. Уклањање и ажурирање пакета (03:02)
8. зависности и девДепенденциес (01:51)
9. Вебпацк и нпк (04:04)
10. нпм скрипте (04:02)
11. нпм, гит и гитхуб (02:40)

Предиво
1. Иарн (07:07)

Вебпацк. Основе
1. Тхеори (01:09)
2. Минимална конфигурација и покретање (04:41)
3. Именовање датотека (02:34)
4. Лоадерс (04:28)
5. Дев-сервер (02:43)
6. Додаци (02:34)
7. Тражи модуле (03:18)
8. Сорсмапс (03:17)
9. Дев ет ал (02:42)
10. Врсте модула (03:00)
11. Минимална монтажа (05:30)

ЕСЛинт. Преглед конфигурације
1. Увод (01:26)
2. Инсталација и покретање (03:10)
3. Исправке грешака (02:04)
4. Конфигурација (05:21)
5. Излазни формат (00:52)

Фигма за дизајнера изгледа
1. Фигма. Интерфејс (04:37)
2. Фигма. Организација пројекта (01:32)

Флекбок
1. Увод (00:45)
2. Флек контејнер (01:43)
3. Поравнање главне осе (01:37)
4. Поравнање унакрсних осе (01:50)
5. Поравнавање једног елемента (01:09)
6. Флек елемент - контејнер (00:53)
7. Правац оси (03:18)
8. Вишередни контејнер (02:54)
9. Поравнавање вишелинијског садржаја (01:25)
10. Пропорције (02:46)
11. Пропорције компресије (01:24)
12. Основна величина (04:02)
13. Редослед елемената (02:40)

ГИТ
1. Увод (07:03)
2. Почетак рада са Гитом (03:01)
3. Прављење новог спремишта (01:09)
4. Додавање датотека у Гит индекс (област посматрања) (06:49)
5. Прављење урезивања (07:17)
6. Урежи навигацију. Откажи измене (12:10)
7. Типичан Гит циклус (03:34)
8. Гранање у Гиту (11:27)
9. Конфликти при спајању грана (06:06)
10. Привремено (без урезивања) чување података (05:25)
11. Рад са удаљеним репозиторијумима (20:04)
12. Коришћење ГитХуб страница за хостовање пројеката (04:31)

Вуе. Радионица #1
1. Почетак пројекта (05:24)
2. Компонента заглавља (04:13)
3. Ицон Цомпонент (05:06)
4. Приказ листе компоненти (02:56)
5. Пребаци компоненту (03:19)

2. недеља – Вуе.јс

— Изглед чинимо прилагодљивим.
— Применићемо блок „Скиллс“ у Вуе.јс.
— Применићемо блок „Моји пројекти“ у Вуе.јс.
— Примењујемо блок „Клизач за рецензије“ помоћу додатка Вуе.јс.

Књига прича
1. Инсталација (01:56) 
2. Прва прича (04:35)
3. Повезивање компоненте (01:24)
4. Проширење конфигурације (04:26)
5. Општи стилови (02:08)
6. Прича за компоненту (05:23)
7. ЦДД (04:16)
8. Прављење компоненте (02:28)
9. Примена компоненте (02:29)
10. Евидентирање догађаја (03:29)
11. Додатак за позадине (01:41)
12. Аддон Кнобс (02:28)
13. Аддон Соурце (02:17)
14. Закључак (01:11)

ЈаваСцрипт - ЕС6
1. Интерполација низа (07:39)
2. Поједностављивање описа метода (13:35)
3. Подразумевано (30:08)
4. Задатак деструктурирања: Објекти (07:30)
5. Нове функције и стари претраживачи (13:07)

Асинхрони у ЈаваСцрипт-у
1. Тајмери ​​(23:44)
2. Учитавање слика (22:21)
3. Обећања (36:29)
4. АЈАКС (32:28)

Акиос. Библиотека упита
1. Увод (02:23)
2. Слање захтева (02:12)
3. Преглед конфигурације (04:30)
4. Тело захтева (01:43)
5. Подразумевана подешавања (01:38)
6. пресретачи (02:11)
7. Услуге (02:33)
8. асинц-аваит (01:18)

Вуе. Радионица #2
1. Припрема (02:39)
2. Повезивање компоненте (02:16)
3. Контролни излаз (02:38)
4. Прогресс Цомпонент (05:09)
5. Захтев ка серверу (06:38)
6. Излаз података (05:55)

Недеља 3 – Изворни ЈаваСцрипт

— Правимо админ панел.
— Проучавамо Књигу прича и примењујемо је у нашем пројекту.
— Вршимо неопходну обраду (валидацију) пројектних образаца.

ВуеРоутер. Рутирање у претраживачу
1. Увод (04:31)
2. Линк буилдинг (02:41)
3. Софтверска навигација (02:35)
4. Параметри путање (04:42)
5. Параметри као својства (00:49)
6. Напредне опције и 404 (03:29)
7. Угнежђене руте (03:23)
8. Часови активности (02:37)
9. Разни прикази рутера (01:08)
10. Динамички увоз (02:00)
11. Прелеп УРЛ (02:16)

Вуек. Државни менаџер
1. Увод (01:13)
2. Цоннецтион (02:30)
3. Акција (02:27)
4. мутације (02:16)
5. Геттерс (02:02)
6. Примена у пракси (08:07)
7. Функције помоћника (02:59)
8. Модули (05:18)
9. Динамички модули (01:38)
Питање одговор

Вуе. Радионица #3
1. Лаиоут (04:33)
2. Излаз података (02:42)
3. Припрема за анимацију (02:14)
4. Приказ дугмади (03:45)
5. Учитавање додатног садржаја (11:38)
6. Прикажи слајд после прелаза (02:17)

4. недеља – Вуе.јс, СПА

— Имплементирамо СПА у админ панелу.
— Проучавамо рад са подацима кроз складиште апликације
— Користимо ајак да комуницирамо са АПИ-јем, подешавамо интеракције клијент-сервер.

Овлашћење. Токенс
1. Врсте овлашћења (04:20)
2. ГитХуб ОАутх (01:42)
3. Креирање ГитХуб апликације (02:28)
4. Пријем жетона (08:38)
5. Чување података у коду (01:46)
6. Заштита руте (04:13)

Вуе. Радионица #4
1. Припрема (01:33)
2. Прављење акције (02:30)
3. Статус преузимања (04:01)
4. Захтев (02:27)
5. Уклањање дупликата (03:29)
6. Заштита руте (03:23)
7. Одјава (00:51)

5. недеља – Вежбање

— Приказујемо сачуване податке са административног панела на одредишну страницу.
— Тестирамо компоненте.
— Групни рад на пројекту са ментором.

Вуе.јс. Цомпоситион АПИ
1. Увод (01:29)
2. Општи пример (03:57)
3. Функција песме (01:51)
4. Реактивна функција (00:55)
5. тоРеф функција (01:35)
6. функција тоРефс (00:58)
7. Прорачуната својства (00:56)
8. функција сата (01:41)
9. функција ватцхЕффецт (03:14)
10. функција само за читање (00:40)
11. Тест функције (02:30)
12. унреф функција (01:27)
13. Лифецицле Хоокс (00:58)
14. Пример. Преглед пројекта (00:53)
15. Пример. Функционалност учитавања (01:20)
16. Пример. Категорије (02:20)
17. Пример. Почетно филтрирање (02:46)
18. Пример. Промена филтера (02:11)
19. Пример. Остале функције филтрирања (02:03)
20. Пример. Метод сортирања (03:05)
Тестирање ЈС кода
1. Увод (16:05)
2. Јест (15:47)
3. Предности тестова (09:01)
4. Покривеност (10:02)

Вуе.јс. Тестирање компоненти
1. Подешавање пакета (04:39)
2. Цомпонент враппер (04:13)
3. Шта тестирати (02:48)
4. Први тест (05:25)
5. Провера догађаја емисије (03:44)
6. Пренос имовине (02:58)
7. Рад са елементима форме (05:42)
8. Општа подешавања (01:15)
9. Моки (05:04)
10. Повезивање библиотека (02:32)
11. Акционо тестирање (03:26)
12. Тестирање продавнице (02:53)
13. Тестирање са сликама (03:08)

Тестирање. Моки
1. Прављење макете (02:39)
2. Рад са аргументима (01:39)
3. Повратна вредност (02:57)
4. Модули (04:24)
5. Тајмери ​​(02:05)

Вуе. Радионица #5
1. Симпле Цомпонент (03:03)
2. Компонента са продавницом (05:21)
3. Тестирање. Припрема (03:20)
4. Тестирање. Тогглер (02:38)
5. Тестирање. Издања (05:08)

6. недеља – Завршетак пројекта

— Завршавамо пројекат.
— Предајемо пројекат на преглед менторима.
— Дипломе о оцењивању.

Како добити посао у ИТ-у: савети и трикови
1. Како доћи до посла у ИТ? Претрага, интервју и пробни рок (42:21)
2. Како пронаћи рад на даљину и слободне наруџбине? (20:12)
3. Први посао у ИТ-у - како се понашати? Стажирање, службено запошљавање и рад „за храну“ (14:11)
4. Како проћи пробни рок? (27:10)
5. Како се припремити за интервју у компанији ФААНГ (08:52)
6. Процес учитавања веб странице (25:19)
7. Интервју са програмером - све што треба да знате (01:24:07)
8. Решавање проблема из интервјуа са програмером (19:36)
9. Интервју са фронтенд програмером (01:37:17)

Реацт.јс развој веб апликација

1. недеља – Увод у Реацт.јс

— Упознајемо се са тимом курса и друговима из разреда.
— Учење ЈСКС-а и виртуелног ДОМ-а у Реацт-у.
— Разматрамо компонентни приступ и методе преноса података.

Познанство
1. Отварање курса (05:41)

И Реацт.јс
1. Шта је Реацт (07:05)
2. Виртуал ДОМ (02:46)
3. ЈСКС (06:10)
4. Рендеринг са условима (05:11)
5. Рад са листама (02:45)
6. Компоненте (02:41)
7. Реквизити (01:45)
8. Стате (06:45)
9. Догађаји (02:26)
10. Реацт Девтоолс (03:58)

ИИ Реацт.јс
1. Методе животног циклуса (05:19)
2. Компоненте - функције (01:29)
3. Пуре Цомпонент (02:54)
4. Синтхетиц Евентс (01:42)
5. Рад са формуларима (02:51)
6. Обрада грешака (01:39)

Анализа задатака #1
1. Радионица #1 (30:36)

2. недеља - Реацт.јс обрасци, тестирање

— Проучавамо компоненте, елементе и инстанце класе компоненти.
— Разматрамо библиотеку Рецомпосе, компоненте високог реда и обрасце Рендер Пропс.
— Разумемо предности тестова, проучавамо Јест, Ензиме, Снапсхотс.

ИИИ Реаговати
1. Интро (01:43)
2. ПропТипес (10:18)
3. Контекст (05:19)
4. Реф. (05:18)
5. Портали (05:02)
6. Хоокс (10:42)

ИВ Реацт.јс
1. Компоненте високог реда (ХОЦ) – Компоненте вишег реда (10:33)
2. Реф-форвардинг (ХОЦс) (04:31)
3. Рендер пропс паттерн (05:25)
4. ХОК Либрари Рецомпосе (10:32)
5. Профилинг (04:02)

Тестирање
1. Интро (05:06)
2. Тест Руннер (02:51)
3. Тест ДСЛ (08:41)
4. Ензим (06:57)
5. Снимци (03:09)
6. Саге о тестирању (05:01)
7. Реацт Тестинг Либрари (06:32)

Анализа задатака #2
1. Радионица #2 (27:54)

3. недеља - Редук, рутирање

— Проучавамо рутирање: једноставно рутирање, рутирање помоћу Свитцх-а, као и угнежђено рутирање.
— Упознавање са Редук библиотеком: основни концепти и концепти Сторе, Ацтионс, Редуцерс, Реацт-редук.
— Миддлеваре се сматра начином рада са Сидееффецт-ом.

Рутирање у претраживачу
1. АПИ историје (02:48)
2. Једноставна рутирања (05:39)
3. Роутинг фром Свитцх (04:16)
4. Угнежђено рутирање (05:32)
5. Приватна рута (04:39)

И Редук
1. Интро (04:07)
2. Продавница (05:03)
3. Акције (02:17)
4. Редуцерс (07:56)
5. Реацт-редук (03:26)

ИИ Редук
1. Интро (03:11)
2. ЦреатеАцтионс (редук-ацтионс) (09:13)
3. Миддлеваре (07:54)
4. Руковање акцијама (05:52)
5. Селектори (06:17)
6. Поново изаберите (04:49)
7. Дуцкс (06:56)

Анализа задатака #3
1. Радионица #3 (39:13)

Недеља 4 - Редук-сага

— Проучавамо библиотеку Редук-сага. Функције генератора понављања*. Хајде да научимо како да их покренемо паралелно.
— Погледајмо методу Таке. Хајде да проучимо избор као начин за добијање података из продавнице.
— Тражимо начине да стилизујемо Реацт апликацију. Проучавамо библиотеке ЦлассНамес, СтиледЦомпонентс, БровсерЛист, МатериалУИ.

И Редук-сага
1. Интро (00:57)
2. Преглед (02:08)
3. Генератори (04:11)
4. Додавање сага (02:07)
5. Реагуј на акције (03:53)
6. Покренута функција (02:06)

ИИ Редук-сага
1. Интро (00:27)
2. Паралелно извођење ефеката (03:41)
3. ступи на снагу (02:45)
4. Изабери ефекат (02:04)
5. Откажи ефекте (04:05)

Рад са стиловима
1. Интро (01:34)
2. ЦРА Стилес (05:21)
3. ЦлассНамес (06:32)
4. СтиледЦомпонентс (07:11)
5. БровсерЛист (01:37)
6. УИ материјала (08:13)

Анализа задатака #4
1. Радионица #4 (09:55)

Недеља 5 – Обрасци, ЦИ & ДИ и руковање грешкама клијента

— Разматрамо рад са формама користећи библиотеке Формик, Редук Формс, Реацт Финал Форм.
— Разматрамо методе за осигурање квалитета производног кода. Анализирамо алате као што су: Хуски, ТрависЦИ, ХерокуНов.
— Проучавамо скуп корисних библиотека за развој (Сторибоок, РамдаЈС, Акиос).
— Разматрамо ТипеСцрипт.

Рад са обрасцима
1. Интро (05:07)
2. Формик (08:51)
3. Редук форм (06:22)
4. Реаговати коначна форма (06:36)

ЦИ & ДИ & Цлиент руковање грешкама
1. Интро (05:07)
2. Хуски (02:32)
3. ЦИ користећи ТрависЦИ (03:32)
4. Деплои то хероку (04:57)
5. Роллбар (02:00)

Скуп корисних библиотека за развој
1. Књига прича (05:32)
2. РамдаЈС (04:47)
3. Акиос (05:52)
4. Типесцрипт (09:31)

Анализа задатака #5
1. Радионица #5 (13:17)

6. недеља – Рад на пројекту

— Допуњавамо пријаву и шаљемо је на преглед.

Како добити посао у ИТ-у: савети и трикови
1. Како доћи до посла у ИТ? Претрага, интервју и пробни рок (42:21)
2. Како пронаћи рад на даљину и слободне наруџбине? (20:12)
3. Први посао у ИТ-у - како се понашати? Стажирање, службено запошљавање и рад „за храну“ (14:11)
4. Како проћи пробни рок? (27:10)
5. Како се припремити за интервју у компанији ФААНГ (08:52)
6. Процес учитавања веб странице (25:19)
7. Интервју са програмером - све што треба да знате (01:24:07)
8. Решавање проблема из интервјуа са програмером (19:36)
9. Интервју са фронтенд програмером (01:37:17)