- Регистрация
- 24.09.2021
- Сообщения
- 38 398
Кем ты станешь Курсы Front End с нуля позволяют начинающим разработчикам создавать интерфейсы, с которыми взаимодействуют пользователи. Он знает HTML, CSS и JavaScript – язык, который работает на всех платформах и единственный язык программирования для браузеров. Твой результат в конце курса: Изучишь Front End и язык программирования JavaScript с нуля, обучишься верстке, а также напишешь свое первое приложение Научишься поднимать локальный сервер и работать с webpack Научишься писать качественный, чистый код и пользоваться Git уже во время обучения на курсе Front End разработки Научишься верстать адаптивные и кроссбраузерные приложения и сайты Изучишь востребованный сегодня фреймворк React и разработаешь на нем приложение Станешь востребованным Front End разработчиком Как проходит обучение: 85% практика Обучение созданию сайтов с нуля в школе TeachMeSkills – это решение реальных задач и приобретение практических навыков, а не заучивание терминов и выполнение заданий по книжкам 15% теория Без нее никак. Изучаем теорию дома и разбираем в начале занятия без воды. Домашние задания После каждого занятия обязательные домашние задания, которые действительно хочется делать. Программа курса: Введение в веб-разработку Знакомимся с HTML Hello, world HTML и введение в CSS Работа с: списками формами таблицам CSS: селекторы, margin, padding Оформление элементов Работа со шрифтами и фоном Блочная модель Float, inline-block Flex-модель Состояние и позиционирование элементов Hover, active и focus элементов Псевдоэлементы Позиционирование элементов Углубление в HTML5 и CSS3 Семантика Аудио и видео Новые стили в CSS3 Анимации Анимация элементов Линейная анимация transition Цикличная анимация keyframes Формы Работа с формами Работа с полями ввода Адаптивная и резиновая верстка Сетка сайта Adaptive, responsive Мобильная верстка Grid Grid-контейнер Grid-линии Grid-области Bootstrap Bootstrap Эволюция CSS Основы препроцессоров LESS, SASS/SCSS, Stylus BEM и его альтернативы Проектирование Практическое занятие Подробные индивидуальные консультации с преподавателем Введение в FrontEnd. Git Введение в FrontEnd СКВ Git: команды Введение в JavaScript Типы данных Переменные (let, const, var) Базовые операторы Основы JavaScript Условия (if, switch, тернарный оператор) Приведение типов: явное и неявное Циклы (while, for, for ... in, for … of) Объекты и массивы. Часть 1 Копирование объектов и массивов. Rest/Spread оператор Деструктуризация Массивы как частный случай объектов Доступ к свойствам Итераторы Объекты и массивы. Часть 2 Методы для работы Цикл vs forEach Map/Reduce Введение в функции Способы объявления функции Аргументы Return Стрелочные функции Функции: LevelUP Arguments, значения по умолчания CallStack, Scope, замыкания Тестирование кода Функция как инструмент тестирования DOM Element, document Document.createElement Append vs appendChild QuerySelector Динамическая верстка через DOM События Атрибуты Свойства элемента для работы с событиями addEventListener / removeEventListener Жизненный цикл события, всплытие и поднятие PreventDefault и stopPropagation This и колбэки BOM Объектная модель браузера (BOM) localStorage, sessionStorage, indexedDB Взаимодействие с сетью + Ajax XMLHttpRequest, fetch Ajax Обработка ошибок в запросах. Web-сокеты. Ивент-сорсинг REST Асинхронность в JavaScript. Часть 1 Что такое асинхронность Сравнение синхронного и асинхронного кода Введение в promise Асинхронность в JavaScript. Часть 2 Продолжаем с promise Promise chaining Обработка ошибок Асинхронность в JavaScript. Часть 3 Async/await Event loop Основы ООП ООП: инкапсуляция, наследование, полиморфизм Абстракция и интерфейсы Классы и наследование ограничение в JS Решение задач через ООП BDD и DDD (Behavior Driven Development/Domain Driven Design) Классы в JavaScript Функция как класс new и this this, call/apply/bind Стрелочные функции Прототипы Наследование ES6 class DOM. Своя фабрика компонентов без фреймворка Шаблоны проектирования Модуль, прокси, адаптер Практика и выбор дипломного проекта Выбор проекта для повышения навыков Выполнение проекта, реализация, практика Git Основы тестирования Структуры данных Immutable своими руками Npm: работаем с зависимостями Свои компоненты Основы webpack. Часть 1 Основы webpack. Часть 2 MVC-концепция Свой SPA (Single Page App) без фреймворка. Начинаем работать с React. Настройка create-react-app Функциональное программирование Жизненный цикл и компоненты в React Продолжаем изучать React. Часть 1 Продолжаем изучать React. Часть 2 Redux Продолжаем изучать Redux: Dispatch, Action Redux-middleware TypeScript. Знакомство. Описание. Настройка рабочего окружения TypeScript. Продолжаем изучениу. Классы. Generics. Продвинутые типы День консультаций по дипломному проекту Тренинг "Трудоустройство в IT" ![]() |