Практический Javascript. Современный JavaScript с нуля на реальных проектах (2019)

В результате прохождения курса "Практический Javascript" вы изучите основы работы с Javascript, научитесь создавать систему регистрации и входа для пользователей сайта, изучите как создать личный кабинет, которые вам пригодятся для любого сайта.
Курс "Современный JavaScript с нуля на реальных проектах" - курс по jаvascript для начинающих с подробным изучением фундаментальных основ и применением их на реальных проектах.

jаvascript — это стремительно развивающийся язык с большим сообществом. Без него не обходится не один сайт в интернете. jаvascript дает вам множество путей для развития. Зная этот язык, вы можете в будущем изучать различные фреймворки Angular, Vue, React, серверную разработку на Node.js, мобильную разработку React Native, Ionic.

Видеокурс "Практический Javascript"

Для изучения курса желательно знание HTML + CSS. Знание основы JS будет плюсом, но не обязательно. Делаем форму для регистрации и входа пользователей. На нативном JavaScript (ES6). Все эффекты прописываем с помощью JS самостоятельно. Пишем проверку (валидацию) формы с выводом ошибок. После регистрации пользователь сохраняется на backend (AJAX взаимодействие) и может попасть в личный кабинет (форма логина, проверка, AJAX, cookies).

В ходе разработки будет изучено:

• Знакомство с JavaScript. Как JS выполняется в браузере
• Основы: переменные, ветвление, циклы, массивы, объекты
• Работа с DOM
• Работаем с классами CSS
• События и событийное программирование
• Работа с формами, обработка данных
• Работа с модальными окнами
• Взаимодействие с Back-end. AJAX
• Только ES6
• Использование фреймворка materialize для верстки
• Работа с cookies
• Оптимизация кода

Уроки курса "Практический Javascript":

• Знакомство с javascript
• Синтаксис языка. Консоль
• Процедуры. Первые программы
• Оператор сравнения. If, else
• Dom. Вывод на страницу
• Dom. Получение данных
• Массивы и циклы
• События. События мыши
• События клавитатуры
• Работа с css в js
• Создаем модальное окно
• Слайдер форма - правила
• Получение и обработка данных из формы
• Разработка всплывающих сообщений
• Get & post
• Ajax. Xmlhttprequest
• Подготовка окружения
• Регистрация пользователя
• Логин пользователя
• Куки и кабинет
• Работа с данными в личном кабинете
• Подключение фреймворка
• Оформление главной страницы
• Основы node.js. Установка
• Npm. Node package manager
• Babel. Транспайлер
• Uglify_js. Минимизируем js
• Uglify_css. Минимизируем css

Авторы: Лущенко Александр
Язык: русский

Формат: MP4
Видео: AVC, 1680x1050, ~1382 Kbps
Аудио: AAC, 192 Kbps, 48.0 KHz

Видеокурс "Современный JavaScript с нуля на реальных проектах."

Чему вы научитесь:

• JavaScript и основы программирования: переменные, логические операторы, if / else, циклы, функции, массивы и т.д
• Более сложные структуры, такие как this, замыкания, классы, конструкторы, наследование и прототипы
• Изучим асинхронный JavaScript а именно Event Loop, AJAX, Promises, Async/Await
• Научимся работать со сторонним API
• Напишем несколько проектов с использованием ES6+
• Изучим новые фичи стандарта ES6+
• Научимся организовывать и структурировать код
• Бонус. Разбор задач с собеседований и как начать работать на фрилансе.
• Познакомимся с современным сборщиком Webpack
• Домашние задания и презентации по основным темам курса

Что вас ждет?
Курс разбит на 7 частей и 3 проекта, под видео будут полезные ссылки, презентации и домашние задания, на которых вы сможете отработать полученные знания. К большенству видео есть исходный код. Домашние задания находятся в презентациях к видео!

• В первой части вас ждет знакомство с фундаментальными основами JavaScript, 16 презентаций, в каждой по несколько заданий.
• Во второй части вас ждет знакомство с DOM, событиями, CSS variables, написание первого проекта, 4 презентации и несколько домашних заданий.
• В третьей части мы будем знакомиться с асинхронным JavaScript, Event loop, AJAX, JSON и напишем второй проект.
• В четвертой части мы продолжим изучать асинхронный JavaScript, познакомимся с Promises и async/await.
• В пятой части мы познакомимся с основами ООП, прототипами, классами ES6 и наследованием.
• В шестой части мы познакомимся с модулями и webpack
• В седьмой бонусной части будут видео с разбором задач, которые спрашивают на собеседовании а также видео о том как начать работать на фрилансе.

Для кого этот курс?

• для тех, кто никогда не изучал программирование, но хотел бы начать;
• для начинающих веб-разработчиков;
• для начинающих JavaScript-разработчиков;
• если вы верстальщик и хотите прокачать свой уровень в JavaScript;
• если вы чувствуете что вам не хватает фундаментальных знаний.

Для кого этот курс:

• Начинающие JavaScript разработчики
• Начинающие разработчики
• Верстальщики
• Backend разработчики

Материалы курса:

• Фундаментальные основы JavaScript
• Установка и настройка редактора Visual Studio Code
• Предварительный просмотр
• Подключение скриптов
• Предварительный просмотр
• Типы данных
• Предварительный просмотр
• Переменные
• Предварительный просмотр
• Преобразование типов
• Числа
• Строки
• Шаблонные строки
• Введение в объекты
• Логические операторы, if statement
• Тернарный оператор. Конструкция switch case
• Циклы
• Введение в функции
• Методы массивов
• Функции высшего пордка. Callbacks.
• Что такое this. Контекст вызова функции.
• Стрелочные функции
• Перебирающие методы массивов
• Что такое замыкание
• Методы объектов про которые часто забывают.
• Деструктуризация
• Object descriptor
• Объекты обертки. Важные нюансы.
• Разбор домашних заданий. Условия, циклы, функции.
• Разбор домашних заданий. Функции высшего порядка, ключевое слово this.
• DOM Манипуляция элементами и события
• Введение в DOM
• Работа с атрибутами элементов
• Манипуляция DOM элементами
• Обработка событий
• Всплытие и погружение события
• Первый проект. Todo List. Часть №1
• Первый проект. Todo List. Часть №2
• Как работать с css variables из javascript
• Добавим в наш проект Todo List возможность выбора темы.
• Асинхронный JavaScript. Часть №1
• LocalStorage, SessionStorage
• Введение в асинхронность. Что такое event loop?
• Введение в Ajax
• Post запросы
• Отладка Ajax
• Что такое CORS
• Обработка ошибок
• Проект News App. Вступление.
• Проект News App. Часть 1.
• Проект News App. Часть 2
• –
• Асинхронный JavaScript. Часть №2
• Введение в Promises. Часть 1.
• Введение в Promises. Часть 2.
• Введение в fetch.
• Введение в async await
• ООП
• Введение в ООП. Функции конструкторы. Классы ES5.
• Prototype ES5
• Наследование ES5
• Классы ES6.
• Наследование ES6
• Модули
• Введение в webpack
• Модули import/export
• Проект Avia Tickets. Часть №1
• Проект Avia Tickets. Часть №2
• Проект Avia Tickets. Часть №3. Создание UI для формы.
• Проект Avia Tickets. Часть №4. Реализация функционала формы.
• Бонусы
• Chrome DevTools. Часть №1
• О чем вас спросят на собеседовании
• Работа на фриланс. Как найти первые проекты.

Авторы: Денис Мещеряков
Язык: русский
Продолжительность: 21:50:30

Формат: MP4
Видео: AVC, 1280x720, ~915 Kbps
Аудио: AAC, 128 Kbps, 48.0 KHz

Скачать видеокурс "Практический Javascript" (3,61 ГБ):

Скачать видеокурс "Современный JavaScript с нуля на реальных проектах" (7,08 ГБ):