Валак Д. - Javascript для верстальщика (2016)

Тема в разделе "Сайтостроение и веб-дизайн", создана пользователем infomanka, 10 ноя 2016.

  1. infomanka

    infomanka Active Member

    Сообщения:
    1.603
    Репутация:
    118
    Javascript для верстальщика
    [​IMG]
    Автор: Валак Д.
    Год: 2016
    Формат: мультимедиакурс



    Не типичный курс по javascript
    Курс не для новичков в верстке, поэтому если вы ни разу не верстали и не пытались использовать js, то Вам пока рано.

    Пройдя курс Вы:

    • Научитесь писать скрипты
    • Научитесь использовать готовые решения
    • Изучите JQuery, JQuery UI
    • Научитесь грамотно работать с Bootstrap
    • Научитесь устанавливать библиотеки при помощи Bower
    • Изучите автоматизацию верстки при помощи Gulp
    • Изучите Git

    Содержание курса


    Вступление (06:25)
    Коротко о процессе обучения, регламенте и специфике видеокурса.

    02


    Начало работы (06:19)
    Начинаем знакомиться с JQuery. Скачиваем, устаналиваем и подключаем.

    03
    Селекторы (10:52)
    Вы познакомитесь с селекторами, узнаете как выбрать любой элемент на странице для работы с ним.

    04
    Создание плавного скролла (14:20)
    Вы создадите плавный скролл к элементу и познакомитесь с событием клика, а так же некоторыми необходимыми для работы методами.

    05
    Фиксируем меню при скролле (19:58)
    Вы создадите фиксированное меню при скролле, изучив событие скролла, а так же несколько необходимых для работы методов.

    06
    Улучшаем плавный скролл (12:25)
    Расширяем возможности плавного скролла, создаем скролл к разным блокам сайта и знакомимся с новыми методами.

    07
    Создание модального окна (15:33)
    Вы научитесь создавать всплывающие модальные окна на сайте, изучив новые методы.

    08
    Создание аккордеона (14:44)
    Вы создадите так называемый "аккордеон" на сайте, как всегда в этом уроке Вас ждут новые методы.

    09
    Создание аккордеона 2 (05:35)
    Рассмотрим еще один вариант создания аккордеона, более универсальный, который можно использовать из проекта в проект.

    10
    Всплывающие подсказки (06:46)
    Вы научитесь создавать всплывающие подсказки при наводе на какой-либо блок, познакомившись с новым событием, а так же новыми методами.

    11
    Улучшение модального окна (07:52)
    В этом уроке улучшим наше модальное окно, сделаем его более профессионально, познакомившись с новыми методами.

    12
    Улучшение модального окна 2 (09:19)
    Последние улучшения для модального окна. Делаем модальное окно универсальным для использования в разных проектах.

    13
    Еще методы (09:02)
    В этом уроке мы разберем еще несколько методов, которые Вам пригодятся в Вашей работе.

    14
    Показать/Скрыть текст (08:48)
    Вы научитесь показывать и скрывать какую-то часть текста в блоке, при клике на кнопку или ссылку. Опять же Вас ждут новые методы.


    01
    Установка Node, Git, Bower (10:11)
    В этом уроке Вы установите несколько программ на свой компьютер, с которыми мы будем работать в этом разделе курса, а так же изучите основы работы с Bower.

    02
    Создание слайдера (40:12)
    В этом большом уроке мы полностью изучим очень мощный и популярный скрипт для создания слайдера.

    03
    Анимация при скролле (21:44)
    В этом уроке Вы научитесь создавать красивую анимацию блоков при скролле страницы.

    04
    Placeholder + html5shiv (09:31)
    Два полезных скрипта, которые нам помогают поддерживать старые браузеры.

    05
    Работа и стилизация Google Maps (44:36)
    Познавательный урок о работе с Google Maps. Вы научитесь интегрировать на свой сайт интерактивную карту и использовать все её возможности.

    06
    Бегущий счетчик (15:06)
    Вы научитесь создавать бегущий счетчик для каких-либо статистических данных на сайте.

    07
    Автонабор текста (23:59)
    Интересный скрипт, который добавит интерактивности на Вашем сайте и "оживит" любой текст на нем.

    08
    Hoverdelay (02:57)
    Полезный скрипт, который избавит нас от частой ошибки начинающих веб-разработчиков.

    09
    Стилизация checkbox/radio (34:46)
    Вы научитесь стилизовать чекбоксы и радио кнопки при помощи специального скрипта, а так же мы разберем методы и события для работы с этим скриптом.

    10
    Валидация форм (27:04)
    В этом уроке вы научитесь создавать автоматическую проверку элементов форм на соответсвие каким-либо правилам. Очень полезная и нужная вещь при работе с формами.

    11
    Стилизация input[type=range] (17:38)
    Не многие сталкивались с этим элементом, но он очень полезный и имеет много плюсов при работе, поэтому я уверен, что этот урок вам понравится.

    12
    Нестандартная сетка (12:09)
    В этом уроке рассмотрим создание "хаотичной", но в то же время логичной и ровной сетки.

    13
    "Липкий" сайдбар (07:52)
    В этом уроке Вы создадите "липкий" сайдбар, который будет прилипать и отлипать, тогда, когда Вам нужно.

    14
    14. Стилизация скроллбара (10:03)
    Веб-дизайнеры часто стилизуют стандартный скроллбар браузера в нечто иное. Для таких случаев Вы научитесь использовать специальный скрипт.

    15
    Стилизация скроллбара 2 (08:08)
    Продолжаем тему стилизации скроллбара. Разберем типичные баги и ошибки начинающих веб-разработчиков.

    16
    "Липкий" сайдбар + скроллбар (06:32)
    В этом уроке научимся работать с двумя скриптами сразу, научимся избегать ошибки и править баги.

    17
    Zoom изображения при наводе (10:13)
    Вы научитесь использовать скрипт, который будет увеличивать область изображения при наводе на это изображение.

    18
    Работа и стилизация Map (20:29)
    95% из Вас не сталкивались с таким тегом как map. Но с его помощью и с использованием специальных скриптов и сервисов можно творить крутые штуки!

    19
    Скролл слайдами (18:45)
    Скрипт который позволяет сделать послайдовый скролл Вашего сайта. Интересный эффект для создания лендингов.

    20
    Сортировка данных таблиц (08:16)
    Часто приходится верстать таблицы и хочется добавить немного интерактивности и полезности этим самым таблицам. В этом уроке Вы научитесь быстро создавать сортировку таблиц по разным параметрам.

    21
    Работа с таблицами (14:43)
    В этом уроке поработаем с таблицами. Добавим к ним пагинацию, поиск, сортировку, выбор количества выводимых данных.

    22
    Всплывающая галерея (17:15)
    В этом уроке разберем очень мощный скрипт, который позволяет создавать всплывающие галереи со множеством возможностей.


    01
    Автоматизация сборки проекта (34:51)
    В этом уроке Вы научитесь работать со сборщиком Gulp. Узнаете как можно автоматизировать большинство процессов, экономить кучу времени и получать удовольствие от работы.

    02
    Модульная работа с Bootstrap (28:20)
    В этом уроке разберемся как же все-таки правильно работать с Bootstrap. Вы научитесь ииспользовать только необходимые для Вас компоненты.

    03
    Модульная работа с JQuery UI ч.1 (21:56)
    Начинаем знакомство с JQuery UI и учимся сразу работать правильно, подключая только то, что Вам необходимо для работы. Рассмотрим процесс создания календаря.

    04
    Модульная работа с JQuery UI ч.2 (09:59)
    Продолжаем изучать JQuery UI на примере создания Autocomplet'a.

    05
    Работа с Git (26:15)
    В этом уроке Вы изучите такой интрумент как Git. Узнаете зачем он нужен и как с ним работать.

    06
    gitignore (05:05)
    Продолжая тему работы с Git'ом, разберем для чего нам нужен файл .gitignore.




    Сайт/Скачать:

    Отзывы:
    Пока нет.
     
Загрузка...

Поделиться этой страницей