Обучающее видео

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

Javascript
2 видеокурса в публикации

В результате прохождения курса "Практический 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

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

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

Уроки курса "Практический 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
  • Домашние задания и презентации по основным темам курса
Современный JavaScript с нуля на реальных проектах

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

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

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

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

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

  • Начинающие JavaScript разработчики
  • Начинающие разработчики
  • Верстальщики
  • Backend разработчики
Современный JavaScript с нуля на реальных проектах

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

  • Фундаментальные основы 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 ГБ):

-A.L.E.X.- 15/09/19 Просмотров: 1655
+8