JavaScript. Junior программист. Full-Stack «Школа программирования «EasyUM»»

compare_arrows

• английский язык – начальный уровень;
• базовые навыки работы с компьютером.

Верстка 1. Основы HTML & CSS

• Введение в веб-разработку и интернет. 
• Основы CSS: базовый синтаксис, селекторы, классы, наследование и каскадирование.
• Сложные селекторы, псевдоклассы и псевдоэлементы. 
• Фоны. Все свойства background. Табличная верстка. Списки.
• Формы. Создание интерактивной формы обратной связи. 
• Блочная верстка. Понятие Box Model. Отступы. Обтекание. 

Верстка 2. Адаптивная верстка

• Photoshop для верстальщика. Начало верстки макета. 
• HTML 5. Верстка сайта по готовому макету в формате PSD. 
• Адаптивная верстка. Медиа выражения. 
• Верстка сайта с помощью Mobile first подхода. 
• Методологии верстки БЭМ, OOCSS, SMACSS, Atomic CSS.SVG и WEBP.
• Оживляем сайт. Выбор и подключение библиотеки на страницу. 
• Трансформации. Плавные переходы. Анимации. 
• Система контроля версий Git. Сборщик проектов Gulp. 

JavaScript 1. Основы

• Знакомство с Javascript. Среда разработки WebStorm. 
• Синтаксис JS. Переменные, выражения, операторы.
• Функции в Javascript. Стрелочные и анонимные функции. 
• Создание и инициализация массива. Команды Pop/Push, Shift/Unshift.
• DOM (Дерево). Определение и функции DOM в JS. 
• Ajax. Фоновая отправка формы. Загрузка данных в фоне.
• Прототипное программирование. ОПП в Javascript. Классы.
• Модули в JS. WebPacker. NodeJS.

JavaScript 2. Фреймфорки: VueJS

• Установка VueJS, знакомство со средой разработки. 
• Компоненты во VueJS и их структура. Входящие данные: props.
• Изучение принципа DRY. Повторное использование кода. Примеси Mixins.
• Навигация в приложениях. Работа с библиотекой VueRouter. 
• Управление состоянием приложения. Изучение библиотеки Vuex. 
• Взаимодействие с сервером. Изучение библиотеки VueResource. 
• Авторизация в приложении. Шаблон собственного проекта. 

JavaScript 3. React JS

• Основы ES2015. Основы React.js. Понятие Виртуальный DOM. 
• Жизненный цикл компонентов. Иерархия компонентов. 
• Создание компонентов с помощью ES6 классов. 
• Middleware в Redux. Redux dev tools. 
• React Router. React Router Hooks. Работа с навигацией в приложении.
• Flux. Обзор и структура.
• Работа с иммутабельными данными в приложении. 
• Селекторы, нормализация кода. Работа с React Performance. 

JavaScript 4. React JS для SPA + Базы данных

• Экосистема React: redux-form, final-form, formik.
• Сайд эффекты: redux-thunk, redux-loop, redux-saga, redux-observable.
• PWA. Lighthouse. Service-worker. Web App Manifest. Ограничения. Фишки и трюки.
• Особенности оптимизации производительности React-приложений.
• Введение в PL/SQL. Пакеты, процедуры и функции.
• Обзор коллекций. Установка базы данных My SQL. Ассоциативные модели.
• Работа с таблицами. Вложенные таблицы. Массивы переменной длины.
• Производительность кода PL/SQL. Использование коллекций.

JavaScript 5. Node.Js

• Установка Node.js. Запуск первой программы. 
• Асинхронные и синхронные запросы.
• Node.js как веб-сервер. Работа с файлами, модуль fs. 
• Способы работы с асинхронным кодом. Модуль EventEmitter. 
• MVC-фреймворк Express.js. 
• Сессия, работа с посетителями. 
• Библиотека Socket.IO. Реализация простого часа.
• Тестирование Express приложения. Работа с Mocha и Chai.