Fullstack JavaScript разработчик - курс 59 200 RUB. от Innopolis University, обучение 4 месеца

аз Уводна. Инструментариум, git, настройка на проекта

В първия блок ще предоставим на всички участници в курса набор от инструменти, необходими за преминаване през темите. Ще бъдат проведени индивидуални инсталационни консултации, по време на които ще определим индивидуалните цели на курса, въз основа на вашия личен опит в развитието. В резултат на този блок ще научите как да конфигурирате самостоятелно сглобяването на SPA приложение с всеки CSS препроцесор, използвайки webpack. И също така да получите основно разбиране за езика Typescript и характеристиките на неговата конфигурация и използване.

— В първия урок ще ви покажем необходимия набор от инструменти, как да ги инсталирате и конфигурирате. Ще научите как да настроите изграждане на React проект от нулата.

— Запознайте се с основите на езика Typescript и разликите му от JavaScript.

II. Реагирайте

По време на втория блок ще се сформират екипи, консултациите ще преминат към екипни срещи. На такива срещи ще вземем решение за проекта, ще формираме набор от функционалности, които ще бъдат нашата цел за курса. Ще разработите оформления и до края на блока ще сте разположили всички страници на екипния проект в React.

— Нека се запознаем с историята на появата на уеб рамки, да обсъдим предимствата и недостатъците на React и да започнем да разработваме първите компоненти в React.

— Нека проучим най-добрите практики за организиране на структурата на React приложение. Нека се потопим в детайлите на изобразяването на React компоненти. Нека започнем да използваме модерния CSS-IN-JS подход за стилизиране на React компоненти, базирани на стилизирани компоненти.

— Нека се научим как да работим правилно с основните компоненти на компонентите на React – Props и State, което ще помогне за добавяне на гъвкавост към компонентите. Нека разберем правилния метод за взаимодействие с DOM елементи от компонентите на React.

— Нека продължим да изучаваме React API, да разгледаме начините за взаимодействие с дъщерни компоненти и да научим как да избегнем проблема с безкрайните подпори, използващи контекст. Нека да разгледаме алтернативен подход за разширяване на възможностите на React компонент.

— Нека анализираме жизнения цикъл на компонент, да разберем как да го внедрим, което ще ни позволи да обогатим компонентите с нови типове логика.

— Нека разберем как React успя напълно да се отдалечи от класовите компоненти към функционалните, използвайки новия модел на Hooks. Нека се запознаем с основните кукички на React.

— Ще разберем как точно работи превключването между страници без презареждане и също така ще внедрим React-Router в работата.

— Нека се научим как да разработваме многоезични React приложения.

— Нека да разгледаме начини за въвеждане на гъвкавост в оформлението на интерфейса, работа с теми (например светло/тъмно), работа с икони и анимации, като използваме lotty като пример.

III. Nodejs

В тази стъпка ще внедрите вашия сървър в Node.js, като използвате библиотеката Express.js. Внедряване на API за екипен проект. Научете се да работите в програмата за пощальон. Научете основите на използването на докер изображение, като използвате примера за работа с базата данни Mongodb.

— Въведение в Node.js, неговата история и основите на пакетния мениджър.

— Разберете как Node.js работи с файлове, как се създават и публикуват модули и се запознайте с характеристиките на този процес.

— Научете се да създавате сървър на Node.js, като използвате рамката Express.js.

— Продължаване на изучаването на характеристиките на сървъра на Express.js.

IV. Redux

След като завършите този блок, ще разберете как се осъществява взаимодействието с бекенд API в модерно React приложение. Научете се да разработвате и администрирате мъничета за локално развитие, научете как да направите конфигурируемо микрофронт приложение за работа с реален сървър.

— За да придобиете по-задълбочено разбиране за това как работи мениджърът на състояние на Redux, нека напишем наша собствена версия и да разберем основите на използването на Redux.

— Нека видим на практика как и защо Redux се използва в класическата си форма.

— Овладейте използването и разберете концепцията за селектори с и без куки.

— Въз основа на предишни познания, нека разгледаме по-модерно използване на Redux благодарение на библиотеката @reduxjs/toolkit.

— Нека разберем тънкостите на работата със сървъра и мястото на Redux в този процес.

V. шега

В този блок ще проучим как и защо да тестваме уеб приложение. Ще научите как да тествате приложението си и да увеличите покритието на теста на вашия код до индустриалния стандарт от 80%. Ще научите принципите на тестване на приложения, като използвате библиотеката Jest като пример.

— Нека поговорим защо изобщо трябва да пишете тестове и как да го направите бързо и ефективно.

— Овладейте настройката на тестовата рамка на Jest от нулата.

— Продължение на предишната тема с акцент върху Unit testing.

— Ще видите как да добавите UI тестове към проекта.

VI. Приложение за една страница

В този блок ще изследваме технологии, които ще се използват във всички съвременни уеб приложения и ще станат достъпни след премахването на поддръжката от Internet Explorer. Това се случи на 15 юни 2022 г.

— Нека се запознаем с идеята за приложение от една страница.

— Нека разберем как да напишете своя собствена библиотека с компоненти.

— Нека овладеем многопоточността на Node.js.

— Да напишем чат в уеб сокет. Ще го хакнете със собствените си ръце в час и ще научите как да се защитавате срещу подобни атаки.

— Нека разгледаме създаването на ваш собствен видео чат за двама.

— Нека се запознаем с основите на настройката на сървър на Nginx и балансирането. Също така ще научим как да свързваме търсачките с нашето SPA приложение.

Защита на окончателен проект