[Дмитрий Лаврик] JavaScript для верстальщиков

1ad4bf1598 [Дмитрий Лаврик] JavaScript для верстальщиков

Курс: «[Дмитрий Лаврик] JavaScript для верстальщиков». Цель курса: Научить верстальщика спокойно и без лишней нервотрёпки решать типичные javascript-овые задачи, необходимые при вёрстке странички. При этом особое внимание уделяется пониманию процессов. Например, мы не просто изучаем возможности библиотеки jQuery, мы сначала делаем на неё пародию, чтобы понять, как вся эта магия работает изнутри, и только потом переходим к самой библиотеке. Материал прислал анонимный пользователь без комментариев. 

Материал может быть удален по запросу правообладателя!

Описание курса:

Цель курса: Научить верстальщика спокойно и без лишней нервотрёпки решать типичные javascript-овые задачи, необходимые при вёрстке странички. При этом особое внимание уделяется пониманию процессов. Например, мы не просто изучаем возможности библиотеки jQuery, мы сначала делаем на неё пародию, чтобы понять, как вся эта магия работает изнутри, и только потом переходим к самой библиотеке.

Программа курса:

Урок 1. Основы языка:

  • Способы подписки на события
  • On vs addEventListener
  • Области видимости переменных
  • Замыкания, работа с контекстом
  • События для группы элементов
  • Работа с data-атрибутами

Урок 2. Работа с событиями:

  • Атрибуты vs свойства
  • Работа с событиями
  • Изучение event-объекта
  • Отмена стандартной реакции
  • Всплытие событий
  • this, target и currentTarget

Урок 3. Решение типовых задач:

  • Валидация формы
  • Создание ЧАВО
  • Создание слайдера фотографий
  • Меню и плавная прокрутка страницы
  • Javascript и CSS-анимации

Урок 4. Оптимизация решения задач:

  • Throttling и debouncing
  • Функции-помощники для работы с DOM
  • Основы ООП в ES6+
  • Классы и объекты
  • Свойства и методы

Урок 5. Практика и нюансы ООП:

  • Пример таймера обратного отсчёта
  • Фокусы с потерей контекста
  • Контекст и стрелочные функции
  • Наследование классов
  • Объекты и прототипы

Урок 6. Работа с библиотеками:

  • Велосипеды vs поиск готовых решений
  • Изучение типичной документации
  • Параметры, события и коллбэки
  • Примеры популярных инструментов
  • Чистый js vs экосистема jQuery

Урок 7. Сборка проекта:

  • Node.js, gulp и webpack
  • Работа с npm
  • Удобная сборка проекта
  • Настройка gulp + webpack + babel
  • Основы работы с ES-модулями

Урок 8. Пути развития в javacript:

  • Подведение итогов курса
  • Траектории дальнейшего развития
  • JS для вёрстки vs frontend-разработка
  • Простой js и jQuery, примеры кода
  • Vue.js как первый фреймворк, примеры кода

Если Вы не видите ссылку для скачивания материала — отключите блокиратор рекламы и добавьте наш сайт в список исключений. Если Вы против рекламы на нашем сайте — покупайте контент напрямую у авторов.

Материал предоставлен исключительно для ознакомления!

Опубликовано: Анонимно

Откройте доступ к самым востребованным профессиям и недоступным материалам со всего РУНЕТА и РУБЕЖА! OPENSSOURCE даст вам все возможности и инструменты для старта работы в онлайне! Пришло время начать зарабатывать на любимом деле! Теперь вам доступна вся информация для обучения.   НАЖМИТЕ ДЛЯ ПОЛУЧЕНИЯ ПОДРОБНОСТЕЙ

Янв 4, 2021


FavoriteLoadingДобавить в закладки

6 комментариев

  • Ответить

    kondor555

    4 января, 2021 в 13:52

    Ловите ссылку https://cloud.mail.ru/public/fDkQ/5tJaZ7CXo

    (7)

    • Ответить

      mav0008

      5 января, 2021 в 00:20

      Подскажи пожалуйста,курс стоящий? Подойдет для новичка?

      (0)

  • Ответить

    Greenya

    4 января, 2021 в 12:34

    Доброго времени суток, уважаемые, а что кроме Mega других облаков нет?

    (2)

    • Ответить

      IPN

      4 января, 2021 в 12:57

      Скачай и перезалей.

      (0)

  • Ответить

    Aron

    4 января, 2021 в 18:47

    kondor555, оперативно, благодарю. Тебе бы в админы!

    (0)

  • Ответить

    kondor555

    5 января, 2021 в 04:59

    Да никто не берет

    (0)

Оставить комментарий


* - обязательное поле для заполнения.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Подтвердите, что Вы не бот — выберите человечка с поднятой рукой:

Уведомлять меня при ответах на мои комментарии