Что нового

Скачать курсы бесплатно. Слив базы курсов. Все курсы online

Присоединяйтесь к нам! У нас тысячи отборного премиум курсов на любой вкус! Все платные курсы - БЕСПЛАТНО!

Новинки каждый день

Мы добавляем по 1.000 новых курсов ежедневно.

Обсуждение

Общайся с единомышленниками по интересующим тебя материалам

Гибкие тарифы

Мы гибки в ценообразовании. Тарифы на месяц и на год!

[TeachMeSkills] Front End разработчик (Александр Сидоров)

admin

Administrator
Команда форума
Регистрация
13.03.2019
Сообщения
29 278
Реакции
1 037
Баллы
113

Кем ты станешь
Курсы 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"













 
shape1
shape2
shape3
shape4
shape7
shape8
Верх