Видеокурс веб разработчик: Видеоуроки по программированию на YouTube – Лучшие видео уроки и ресурсы по веб разработке в одном месте

Содержание

25 бесплатных онлайн-курсов программирования — Лайфхакер

Java

Java Programming For Complete Beginners

Объём: 11 модулей, 3–4 часа.
Площадка: Alison.
Организатор: ClayDesk E‑Learning.
Язык: английский.

Вводный курс по Java, рассчитанный на новичков без опыта в программировании. Содержит материалы, которые помогут освоить основы языка, и практические задания для закрепления навыков в написании простых программ.

Пройти курс →

Learn to Program in Java

Объём: 4 недели, 6–10 часов в неделю.
Площадка: edX.
Организатор: Microsoft.
Язык: английский.

Начальный курс для всех, хочет изучить язык программирования Java и стать разработчиком. Процесс построен таким образом, что слушатели научатся не только писать код, но и решать проблемы, с которыми неизбежно придётся столкнуться при создании приложений.

Пройти курс →

Java. Быстрый старт

Объём: 9 лекций.
Площадка: GeekBrains.
Организатор: GeekBrains.
Язык: русский.

Практический курс по изучению Java на базе разработки небольшого проекта. Студенты научатся основам языка и потренируются в написании простых консольных приложений, а также узнают, как за несколько минут создать игру с графическим интерфейсом без применения сторонних библиотек.

Пройти курс →

Java. Базовый курс

Объём: 23 лекции (5 часов видео).
Площадка: Stepik.
Организатор: Computer Science Center (CS центр).
Язык: русский.

Курс для тех, кто только начинает изучать Java. Лекции содержат материал, охватывающий синтаксис языка, компиляцию программ, основы объектно‑ориентированного программирования и более сложные аспекты Java, а также контрольные вопросы и практические задания.

Пройти курс →

Android. Быстрый старт

Объём: 15 лекций.
Площадка: GeekBrains.
Организатор: GeekBrains.
Язык: русский.

Практический онлайн‑курс для ознакомления с разработкой под Android, требующий базовых знаний Java. В ходе обучения слушатели создадут простую игру, сразу же применяя полученные теоретические знания в деле.

Пройти курс →

JavaScript

JavaScript для начинающих

Объём: 17 лекций, 1–2 часа в неделю.

Площадка: Stepik.
Организатор: Stepik.
Язык: русский.

Курс по основам разработки на JavaScript, рассчитанный на любой уровень подготовки. Рассматриваются азы программирования на этом языке, а также инструменты и модели данных, которые пригодятся для применения JavaScript на практике.

Пройти курс →

Основы JavaScript

Объём: 24 лекции (7 часов видео).
Площадка: Loftblog.
Организатор: Loftblog.
Язык: русский.

Очень подробный онлайн‑курс, который поможет изучить JavaScript, начиная с самых азов. Слушатели рассмотрят все аспекты популярного языка программирования от простого к сложному и научатся использовать его на реальных примерах.

Пройти курс →

Python

Основы языка Python

Объём: 17 лекций.
Площадка: GeekBrains.
Организатор: GeekBrains.
Язык: русский.

Этот вводный курс подойдёт как начинающим, так и опытным разработчикам, которые хотят познакомиться с Python. На занятиях рассматриваются основы программирования, различные примеры применения языка для решения практических задач и пишутся полноценные программы.

Пройти курс →

Программирование на Python

Объём: 28 лекций, 3–6 часов в неделю.

Площадка: Stepik.
Организатор: Bioinformatics Institute.
Язык: русский.

Подробный начальный онлайн‑курс для изучения основ Python и базовых аспектов программирования, ориентированный на людей без опыта. Слушатели познакомятся с такими понятиями, как операторы, переменные, списки, условия и циклы. Среди материалов есть обычные упражнения и необязательные задачи повышенной сложности.

Пройти курс →

Python: основы и применение

Объём: 20 лекций, (5 часов видео).
Площадка: Stepik.
Организатор: Bioinformatics Institute.
Язык: русский.

Базовый курс, посвящённый основам Python и программирования в целом. Содержит упражнения для закрепления материала, которые проверяются с указанием ошибок. В заключительной части рассматриваются реальные задачи, с которыми можно столкнуться в разработке, и даются примеры их решения.

Пройти курс →

Интерактивные уроки по Python

Объём: 11 видеолекций.
Площадка: Pythontuts.
Организатор: Кодкамп.
Язык: русский.

Подборка интерактивных уроков для всех, кто хочет освоить Python, независимо от уровня подготовки. Шаг за шагом рассматриваются такие азы, как переменные и циклы, а затем более продвинутые вещи вроде регулярных выражений и инспекции кода.

Пройти курс →

Machine Learning with Python: A Practical Introduction

Объём: 5 недель, 4–6 часов в неделю.
Площадка: edX.
Организатор: IBM.
Язык: английский.

Вводный онлайн‑курс по основам машинного обучения на Python, который познакомит с различными видами моделирования. Слушатели освоят классификацию, кластеризацию и другие популярные алгоритмы, а также подкрепят полученные теоретические знания практическими навыками.

Пройти курс →

C++

Введение в программирование (C++)

Объём: 12 уроков.
Площадка: Stepik.
Организатор: Академия Яндекса, Высшая школа экономики (НИУ ВШЭ).
Язык: русский.

Базовый курс, который познакомит с основами C++ и поможет прибрести опыт, необходимый для более углублённого изучения программирования. Процесс обучения построен на выполнении множества небольших практических задач, охватывающих все основные конструкции языка.

Пройти курс →

Introduction to C++

Объём: 4 недели, 3–5 часов в неделю.
Площадка: edX.
Организатор: Microsoft.
Язык: английский.

Краткий вводный курс в C++ от экспертов Microsoft. На занятиях студенты освоят синтаксис и базовые принципы этого языка программирования, научатся создавать функции и подготовятся к изучению более сложных аспектов C++.

Пройти курс →

Основы C++

Объём: 12 лекций (13 часов видео).
Площадка: «Смотри и учись».
Организатор: «Смотри и учись».
Язык: русский.

Рассчитанный на новичков онлайн‑курс, который посвящён основам языка C++. Охватывает базовые элементы и азы объектно‑ориентированного программирования с примерами и заданиями. Заключительная часть отводится практическому применению полученных навыков.

Пройти курс →

Программирование на языке C++

Объём: 41 урок (10 часов видео).
Площадка: Stepik.
Организатор: Computer Science Center (CS центр).

Язык: русский.

Подробный базовый курс по C++, в котором особое внимание уделено основным принципам работы программ и процессу компиляции. Синтаксические конструкции рассматриваются лишь на первой лекции, поэтому слушатели должны быть знакомы с понятиями «переменная», «функция», «цикл».

Пройти курс →

Углублённое программирование на C/C++

Объём: 12 уроков (16 часов видео).
Площадка: Stepik.
Организатор: Mail.ru Group.
Язык: русский.

Ориентированный на начинающих разработчиков онлайн‑курс, который предполагает знание основ C++. Материалы помогут приобрести навыки создания программ средней сложности и типовых шаблонов объектно‑ориентированного программирования. Также рассматриваются ключевые аспекты работы с памятью, асинхронные вычисления и диалекты.

Пройти курс →

C++ Programming — Advanced Features

Объём: 5 модулей, 2–3 часа.
Площадка: Alison.
Организатор: Microsoft.
Язык: английский.

Более сложный онлайн‑курс, в котором студенты научатся создавать быстрые программы, используя продвинутые возможности C++. Всего за несколько часов лекторы объяснят ключевые расширенные функции этого языка, которые будут закреплены практическими занятиями.

Пройти курс →

Objective‑C

Become an iOS Developer from Scratch

Объём: 98 лекций (8 часов видео).
Площадка:

Udemy.
Организатор: Udemy.
Язык: английский.

Обширный и детальный курс, который является пошаговым руководством для всех, кто хочет с нуля освоить Objective‑C и научиться создавать программы для iPhone. В ходе обучения слушатели ознакомятся с пакетом iOS SDK и, применяя доступные инструменты, напишут своё первое полнофункциональное приложение.

Пройти курс →

Swift

Swift 5: Основы

Объём: 78 лекций (13 часов видео).
Площадка: Udemy.
Организатор: Udemy.
Язык: русский.

Очень подробный онлайн‑курс, который подойдёт для новичков без каких‑либо предварительных знаний. В материалы включены основы теории программирования, переменные и константы, циклы и условные конструкции, а также объектно- и протокол‑ориентированное программирование.

Пройти курс →

Intro to iOS App Development with Swift

Объём: 5 лекций, примерно 1 месяц.
Площадка: Udacity.
Организатор: Udacity.
Язык: английский.

Практический онлайн‑курс для тех, кто уже владеет основами, который познакомит с разработкой под iOS на Swift. Слушатели изучат все нюансы этого языка программирования и создадут забавное приложение, искажающее голос (звучит как у бурундука или Дарта Вейдера).

Пройти курс →

Веб‑разработка

Веб‑разработка. Быстрый старт

Объём: 13 лекций.
Площадка: Geekbrains.
Организатор: Geekbrains.
Язык: русский.

Комбинированный курс для тех, кто хочет научиться создавать функциональные сайты с нуля. Слушатели познакомятся с основами HTML и CSS, получат начальные навыки веб‑разработки на PHP, а также освоят логику работы с этим языком, его терминологию и принципы функционирования.

Пройти курс →

Основы SQL для начинающих

Объём: 5 лекций (1,5 часа видео).
Площадка: Loftblog.
Организатор: Loftblog.
Язык: русский.

Вводный онлайн‑курс, который откроет основы SQL. На лекциях слушатели узнают, что такое системы управления базами данных, и научатся использовать SQLite, MySQL и другие необходимые для работы инструменты.

Пройти курс →

PHP базовый курс

Объём: 10 лекций (14 часов видео).
Площадка: «Смотри и учись».
Организатор: «Смотри и учись».
Язык: русский.

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

Пройти курс →

Beginner PHP and MySQL Tutorial

Объём: 156 лекций (10 часов видео).
Площадка: Udemy.
Организатор: Udemy.
Язык: английский/русский.

Объёмный курс для начинающих программистов, охватывающий все аспекты PHP и MySQL. Обучение построено таким образом, что по окончании занятий можно смело браться за разработку функциональных веб‑приложений.

Пройти курс →

Читайте также 🖥⌨📝

Яндекс.Практикум — cервис онлайн-образования

Куда делся Стас?🙄

Всем привет, кто читает этот пост🤗. Здесь я расскажу о Яндексе и IT

КАК ОНИ СДЕЛАЮТ ТВОЮ ЖИЗНЬ КАЧЕСТВЕНЕЕ🧐

Хотел поделиться с вами впечатлением о том, как круто меняется жизнь, когда ты намерен ее поменять. Немного тофтология, но по-другому не могу сформулировать… Короче😆Год назад я решил для себя разобраться что такое сфера IT. Начало было положено, но не понятно: 1.С чего начинать? 2.Как пощупать? 3.Где попробовать? 4.Как научиться? Какую-то конкретную сферу я для себя не выбрать не мог, так как все мои знания начинались и заканчивались на слове ‘Программист’. Просидев на Ютубе и Гугле, какое-то время понял, что универсальной программы по вхождению в IT НЕТ!🤬 И решил для себя начать хотя бы с чего-то… Это «что-то было» C#, Да-да, это только сейчас я понимаю, как это смешно, но все же😁😁 Я решил, что буду делать игры на мобилки, тем более ГАЙДОВ на Ютубе прилично. Тут я познакомился с VS(увидел интерфейс программы для программистов😆), PS(научился делать простенькие анимашки, рисовать👻).

НО⚡ Пришел момент понимания, что без знания(точнее онимания) языков Бэкенда (Python, Ruby,PHP, JavaScript и т.д) ни чего не получится…🤬 Значит, нужно выучить такой язык!💡 И какой выбрать?? На тот момент, когда перед мной встал этот вопрос, я уже полгода по-чучуть узнавал о фреймворках, языках, компиляторах и т.д. на вопрос я отвечал с перспективы языка, и просмотре графики и тенденции выбрал JavaScript. На обучающей программе Stepik прошел на отлично несколько курсов — был доволен собой😅 (а сейчас мое любимое междометие ) НО⚡ На этом и закончился мой Script, так как, не представлял как его использовать в жизни, проекты на фрилансе выглядели как заказы Илона Маска …

Прошел год… Что я имел : 1. Самое базовое понимаю сферы, с куче пробелов, 2. Базовый синтаксис С#, JavaScript, (HTMl, CSS)- это отдельная история, знание пары фреймворков и фото/видео редакторов, 3. КАША в голове🥴

Но самое главное, я понял что мне это нравится, а именно, что-то тянуло…

Подведя итоги, я понял, что не справиться мне в одиночку. Нужно искать готовое обучение👨‍🏫 Их вы можете сами найти в интернете …

Тут главный вопрос стоял в деньгах и качестве, не где я не мог оценить качество, так как мне предлагали бесплатные вебинары, которые я посмотрел около 100 и рассрочку😁, а так же список того, чему ХОТЯТ научить. Почему-то не вызывало у меня это доверие, НО⚡

Одна площадка зацепила меня,👩‍🎓Яндекс.Практикум👨‍🏫

Выбрал я профессию Аналитика Данных, так как много слышал про Python и хотел приручить змею🐍

Здесь был БЕСПЛАТНЫЙ блок, который ты выполняешь, а в конце РЕАЛЬНЫЙ проект!!! Это пушка 🔫 друзья! Посмотрел описание полного курса, а там по итогу ты за полгода делаешь 14 проектов и изучаешь тонну ништяков! На такое я и не рассчитывал.

Сейчас уже 3 месяц учусь на Аналитика Данных на руках имею 6 готовых проекта на самые разные темы, изучаем Python и SQL и свой чат, где мы скидываем друг другу множество интересных ресурсов для обучения и развития.

Курс ВЕБ-разработчик — с нуля до результата — Обучение HTML, CSS, Bootstrap, JavaScript для начинающих

Этот курс направлен на подробное обучение созданию сайтов, без воды, но главное, что здесь мы немедленно применяем все знания на практике.

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

Вы научитесь выполнять самостоятельные проекты на freelance или получите профессию веб-разработчика для работы в веб-студии и заложите базу для дальнейшего обучения. После прохождения курса “Веб-разработчик 2019” вы сможете освоить любую CMS, например, WordPress. Изнутри сможете понять и изучить, как работает backend часть. Создавать визуальную часть приложений, написанных на JavaScript фреймворках и библиотеках (ведь там везде используется верстка как и на обычных сайтах, в том числе и на мобильных приложениях).

Курс подходит и для начинающих и для тех кто уже знаком с веб-разработкой. Мы по шагам пройдем путь от установки редактора кода до создания собственных реальных веб-сайтов. При этом изучим все современные инструменты и технологии для этого:

  • Работу с дизайн-макетами сайтов в Photoshop
  • Другие полезные в верстке графические редакторы — Zeplin, Figma, Avocode…
  • HTML5 и CSS3 на реальных проектах
  • Библиотеку BOOTSTRAP 4 и технологию FlexBox
  • Препроцессоры Sass/Scss/Less в своих проектах
  • Мобильную адаптацию сайтов и приложений
  • Методологию БЭМ
  • JAVASCRIPT и JQuery на практике
  • Git и GitHub
  • Автоматизацию и планировщик задач Gulp
  • Оптимизацию скорости работы сайтов
  • Валидацию вертки по w3c-стандартам
  • и многое другое…
А в конце курса вы получите приятный бонус — несколько реальных макетов для верстки сайтов и самостоятельного закрепления полученных знаний.

Программа обучения включает видео уроки по изучению Веб-разработки с нуля. Благодаря практическим заданиям, Вы сможете закрепить полученные знания и создать собственные сайты на практике.

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса Веб-разработчик — с нуля до результата.

Веб-разработчик 12.0 (А. Исламов) — Видеоуроки

  • Урок 1. 00:10:48

    Установка и настройка редактора кода Sublime Text 3

  • Урок 2. 00:04:49

    Для чего вам нужен Punto Switcher и как его настроить

  • Урок 3. 00:02:10

    Adobe Photoshop для Maс и Windows

  • Урок 4. 00:24:02

    Работа с графикой для верстальщика

  • Урок 5. 00:35:30

    Дополнительное видео

  • Урок 6. 00:03:11

    Небольшой разбор первого урока

  • Урок 7. 00:26:41

    Настройка рабочего пространства

  • Урок 8. 00:03:26

    Как создавать папки и файлы на MAC OS X

  • Урок 9. 00:04:28

    Как использовать Alias

  • Урок 10. 00:02:12

    Как использовать bat

  • Урок 11. 00:34:29

    Знакомство с основами HTML

  • Урок 12. 00:18:56

    Знакомство с основами CSS

  • Урок 13. 00:06:52

    Дополнительные видео

  • Урок 14. 00:27:36

    Блочная модель CSS

  • Урок 15. 00:16:52

    Дополнительные ссылки

  • Урок 16. 00:06:43

    Вертикальное выравнивание

  • Урок 17. 00:44:35

    Верстка макета на HTML и CSS

  • Урок 18. 00:27:57

    Библиотека Bootstrap 4

  • Урок 19. 00:13:20

    Сниппеты

  • Урок 20. 00:25:03

    Верстка на Bootstrap

  • Урок 21. 00:21:11

    Препроцессор SASS/SCSS

  • Урок 22. 00:20:13

    Less

  • Урок 23. 00:22:06

    Flexbox верстка

  • Урок 24. 00:29:35

    Бонус

  • Урок 25. 00:25:32

    Flexbox: Дополнительное видео

  • Урок 26. 00:09:43

    Flexbox: Дополнительное видео

  • Урок 27. 00:26:36

    Flexbox: Дополнительное видео

  • Урок 28. 00:09:54

    Flexbox: Дополнительное видео

  • Урок 29. 00:09:55

    Flexbox: Дополнительное видео

  • Урок 30. 00:08:36

    Flexbox: Дополнительное видео

  • Урок 31. 00:18:30

    Flexbox Бонус

  • Урок 32. 02:29:15

    2 неделя. Прямая трансляция

  • Урок 33. 00:32:33

    Шрифты на сайте

  • Урок 34. 00:35:33

    Псевдоклассы и псевдоэлементы

  • Урок 35. 00:04:18

    Дополнительное видео

  • Урок 36. 00:16:56

    Формы на сайте

  • Урок 37. 00:23:07

    Знакомство с JavaScript

  • Урок 38. 00:21:35

    Практика JavaScript

  • Урок 39. 00:21:57

    Всплывающие окна на jQuery

  • Урок 40. 00:08:56

    jQuery Дополнительные видео

  • Урок 41. 00:07:15

    jQuery Дополнительные видео

  • Урок 42. 00:08:53

    jQuery Дополнительные видео

  • Урок 43. 00:16:29

    jQuery Дополнительные видео

  • Урок 44. 01:22:27

    3 неделя. Прямая трансляция

  • Урок 45. 00:19:17

    Анимация на CSS3

  • Урок 46. 00:22:57

    Практика. Часть 1. Форма + блок “Производство”

  • Урок 47. 00:31:37

    Практика. Часть 2

  • Урок 48. 00:29:22

    Практика. Часть 2. Адаптив

  • Урок 49. 01:12:36

    4 неделя. Прямая трансляция

  • Урок 50. 00:20:10

    Гео-карты для сайта

  • Урок 51. 00:11:45

    Аналитика для сайта Часть 1

  • Урок 52. 00:20:59

    Аналитика для сайта Часть 2

  • Урок 53. 00:20:35

    Как делаются многостраничные сайты

  • Урок 54. 00:08:14

    Дополнительное видео — Как делаются многостраничные сайты 1

  • Урок 55. 00:12:32

    Дополнительное видео — Как делаются многостраничные сайты 2

  • Урок 56. 00:11:29

    Дополнительное видео — Как делаются многостраничные сайты 3

  • Урок 57. 00:11:34

    Дополнительное видео — Как делаются многостраничные сайты 4

  • Урок 58. 00:11:04

    Дополнительное видео — Как делаются многостраничные сайты 5

  • Урок 59. 00:17:41

    Тестирование верстки

  • Урок 60. 00:34:13

    Большой урок по WordPress

  • Урок 61. 00:12:44

    Как выгрузить сайт WordPress на хостинг

  • Урок 62. 01:57:16

    5 неделя. Прямая трансляция

  • Урок 63. 00:46:30

    Учимся искать клиентов и продавать свои услуги. Часть 1

  • Урок 64. 00:34:27

    Учимся искать клиентов и продавать свои услуги. Часть 2

  • Урок 65. 01:37:47

    SEO. Бонусный урок. Часть 1

  • Урок 66. 00:43:14

    SEO. Бонусный урок. Часть 2

  • Урок 67. 00:30:48

    SEO. Бонусный урок. Часть 3

  • Урок 68. 00:44:45

    Бонус — ФРИЛАНС: Поиск партнеров

  • Урок 69. 00:58:02

    Бонус — ФРИЛАНС: Развитие себя как специалиста

  • Урок 70. 00:26:05

    Бонус — ФРИЛАНС: Я везде

  • Урок 71. 02:50:28

    Бонус — ФРИЛАНС: Идеальное портфолио за 3 часа

  • Урок 72. 00:16:32

    Бонус — ФРИЛАНС: постоянные заказы от фирм

  • Урок 73. 01:28:26

    Бонус — ФРИЛАНС: Разбор ошибок

  • Академия верстки — Узнай, как за 6 недель с нуля освоить профессию Веб-разработчик

    Зачем: Применяем все полученные знания сразу на практике. Верстаем настоящий сайт. Учимся, сразу набивая руку и получая нужные навыки еще во время обучения. Урок 10. Подключение шрифтов
    Теория
    Узнаем шрифты из макета
    Подключение шрифтов через Google Fonts
    Подключение нестандартных шрифтов
    Параметры для шрифтов в CSS
    Практика
    Подключаем шрифты, верстаем шапку сайта

    Дополнительные видео
    Обзор сервисов по конвертации шрифтов
    Как скачать найденный на Google Fonts шрифт
    Иконочные шрифты

    Дополнительные сервисы и программы
    Сервис шрифтов от Google
    Сайты для конвертации шрифтов

    Урок 11. Псевдоклассы и псевдоэлементы в CSS
    Теория
    Псевдоклассы на примере ссылок и картинок
    Псевдоэлементы, что это такое
    Практика
    Верстка из макета элементов с наведением
    Верстка главной секции сайта

    Дополнительные видео
    Всплывающее окно без JS (:target)

    Дополнительные сервисы и программы
    Ссылка на библиотеку эффектов при наведении

    Урок 12. Формы на сайте HTML + CSS
    Теория
    Синтаксис HTML-форм на сайте
    Оформление элементов форм в CSS
    Правила и частые ошибки в оформлении форм
    Практика
    Верстаем форму из макета на главном экране

    Дополнительные видео:
    Наложение масок на поле с номером телефона

    Дополнительные ссылки
    Ссылка на плагин для валидации форм

    Урок 13. Знакомство с JavaScript плагинами на jQuery
    Теория
    Основы Javascript
    Синтаксис JS
    Внешние скрипты, порядок исполнения
    Структура кода
    Типы данных
    Основные операторы
    Операторы сравнения и логические значения
    Условные операторы: if, ‘?’
    Переменные
    Функции
    Циклы while, for
    Стандарты ES5/ES6
    Подключение сторонних библиотек к сайту
    Что такое jQuery-библиотека и какие есть плагины
    Слайдеры на jQuery (примеры и применение)
    Практика
    Подключение библиотеки jQuery к сайту
    Установка и гибкая настройка слайдера на сайте

    Урок 14. Всплывающие окна на jQuery
    Теория
    Что такое модальные (всплывающие) окна
    Что бывает внутри всплывающих окон
    Готовые плагины всплывающих окон
    Стандартное от Bootstrap
    Magnific Popup
    Другие плагины
    Практика
    Верстка всплывающих окон из макета

    Дополнительные видео
    Как не делать кучу окон в HTML

    Дополнительные сервисы и программы
    Ссылка на Магнифик Попап
    Ссылка на документацию bootstrap со стандартными окнами

    Еженедельная прямая трансляция. Ответы на вопросы.
    JavaScript для верстальщика

    Урок-бонус. Основы JavaScript + jQuery Переменные, функции, типы данных и пр. в Javascript
    Как jQuery помогает ускорить работу в разы?
    Селекторы в jQuery
    Событиях в jQuery
    Анимация, атрибуты и др. Манипуляции в jQuery

    Урок 15. Анимация на CSS3
    Теория
    Ключевые кадры анимации
    Название анимации, длительность, задержка и т.д.
    Временная функция анимации
    Множественные анимации
    Подключение анимации animate.css
    Срабатывание анимации при скролле страницы
    Практика
    Продолжаем верстку макета, применяем анимацию в макете там, где это уместно

    Дополнительные видео
    Обзор библиотек с анимацией на CSS3

    Дополнительные сервисы и программы
    Библиотека с анимациями

    Урок-бонус. Слайдеры для сайта
    Теория:
    Как работают слайдеры, когда их нужно применять
    Обзор самых гибких слайдеров

    Практика:
    Верстаем и настраиваем слайдер на нашем сайте
    Делаем слайдер для мобильной версии сайта

    Урок 16. Гео-карты для сайта Вставка карт от Яндекс и Google через конструктор карт
    Настройка карт через js (песочница)
    Подключение карт на сайте от 2gis

    Практика:
    Устанавливаем Яндекс Карты и Google Maps через конструктор
    Настраиваем Яндекс карту на сайте через JavaScript API

    Дополнительные сервисы и программы
    Ссылка на раздел песочницы Яндекса
    Ссылка на конструктор карт Яндекс, Google и 2Gis

    Урок 17. Тестирование верстки
    Тестирование на валидность
    W3C стандарты — что это?
    Тесты на скорость загрузки
    Как оптимизировать сайт для быстрой загрузки
    Настраиваем Gulp на оптимизацию
    Публикуем проект

    Дополнительные видео к уроку
    Оптимизация под Internet Explorer
    Как проверить свою верстку на разных браузерах

    Дополнительные сервисы и программы к уроку
    Сервисы для проверки верстки на валидность и кроссбраузерность

    Урок 18. Как делаются многостраничные сайты
    Настраиваем локальный сервер
    Что за язык PHP — изучаем синтаксис
    Пишем простой многостраничный сайт

    Дополнительные видео
    Настройка сервера на Mac OS
    Форма обратной связи на PHP

    Дополнительные сервисы и программы
    Скрипт отправки почты на PHP
    Программа локального сервера Open Server и MAMP PRo

    Урок 19. Большой урок по WordPress
    Установка WP на сервер
    Подготовка HTML шаблона
    Пустая тема для WP
    Натяжка верстки
    Подключение скриптов и картинок
    Наполнение сайта

    Дополнительные видео к уроку
    Подключение формы обратной связи на сайт WP

    Дополнительные сервисы и программы к уроку
    Сервис-генератор пустых тем
    Справочник по WordPress

    Еженедельная прямая трансляция. Ответы на вопросы.
    WordPress для верстальщика

    Урок 20. Аналитика для сайта
    Установка счетчика Яндекс метрики
    Настройка целей в метрике
    Установка счетчика от Google Analytics
    Вставка пикселя ретаргетинга ВК

    Дополнительные видео
    Обзор возможностей вебвизора от Яндекс
    Подключение чата к сайту
    Виджеты обратного звонка, как настроить?

    Дополнительные сервисы и программы
    Метрика, Аналитикс и другие счетчики для сайта

    «Веб-разработчик 5.0. Научись верстать сайты с нуля», цена 4100 руб — онлайн-курсы «Смотри Учись»

    Раздел 1: Веб-разработчик 5.0

    Лекция 1.1Подготовка рабочего пространства19:24

    В лекции рассказыва­ется о подготовке рабочего простран­ства для веб-разработки

    Лекция 1.2Этапы создания сайта. Прототипирование34:42

    В лекции рассказыва­ется о этапах создания сайта

    Лекция 1.3Работа с дизайн-макетом. Требования к макету56:07

    В лекции рассказыва­ется о работе с дизайн-макетом и о требовани­ях к макету перед версткой

    Лекция 1.4Основы HTML. Директория (папка) с сайтом39:48

    В лекции рассказыва­ется о основах HTML. О директории (папке) с сайтом. О автообнов­ление страницы

    Лекция 1.5Текстовые теги. Основы CSS46:41

    В лекции рассказыва­ется о текстовых тегах и основах CSS

    Лекция 1.6Изображения на сайте. Работа со ссылками50:41

    В лекции рассказыва­ется о изображени­ях на сайте и работе со ссылками

    Лекция 1.7Знакомство с Bootstrap 3. Подключаем фреймворк39:07

    В лекции рассказыва­ется о знакомстве с Bootstrap 3. Подключаем фреймворк

    Лекция 1.8Работа с репозиторием на GitHub21:12

    В лекции рассказыва­ется о работе с репозитори­ем на GitHub

    Лекция 1.9Колоночная верстка49:19

    В лекции рассказыва­ется о колоночной верстке. Готовые классы Bootstrap 3

    Лекция 1.10Позиционирование и типы элементов1:08:09

    В лекции рассказыва­ется о позициони­ровании и типах элементов

    Лекция 1.11Подключение шрифтов на сайт. Верстка из PSD-макета1:19:30

    В лекции рассказыва­ется о подключе­ние шрифтов на сайт. Верстка из PSD-макета

    Лекция 1.12Less. Верстка макета. Формы1:18:29

    В лекции рассказыва­ется о процессоре Less. Верстка макета. Формы

    Лекция 1.13Иконочный шрифт Font Awesome1:07:36

    В лекции рассказыва­ется о иконочном шрифте Font Awesome

    Лекция 1.14 Эффекты при наведении. Сниппеты54:51

    В лекции рассказыва­ется о эффектах при наведении. Сниппеты

    Лекция 1.15Аккордеон и Табы1:04:49

    В лекции рассказыва­ется о верстке табами и аккардео­ном

    Лекция 1.16Слайдеры1:36:56

    В лекции рассказыва­ется о слайдерах

    Лекция 1.17Всплывающие окна47:03

    В лекции рассказыва­ется о всплываю­щих окнах

    Лекция 1.18Анимация на CSS341:17

    В лекции рассказыва­ется о анимации на CSS3

    Лекция 1.19Адаптивная верстка56:04

    В лекции рассказыва­ется о адаптивной верстке

    Лекция 1.20Отправка данных на почту. Основы PHP1:05:14

    В лекции рассказыва­ется о отправке данных на почту. Основы PHP

    Лекция 1.21JQUERY1:10:44

    В лекции рассказыва­ется о JQUERY

    Лекция 1.22Видеофон на сайт37:33

    В лекции рассказыва­ется о видеофоне на сайт

    Лекция 1.23Хостинг. Публикация. Тесты1:09:00

    В лекции рассказыва­ется о хостинге и публикации

    Лекция 1.24Натягиваем шаблон bootstrap на WordPress1:07:39

    В лекции рассказыва­ется о натягива­нии шаблона bootstrap на WordPress

    Лекция 1.25Flexbox29:36

    В лекции рассказыва­ется о Flexbox

    Лекция 1.26Гео-карты для сайта. Yandex & Google25:37

    В лекции рассказыва­ется о Гео-картах для сайта. Yandex & Google

    Лекция 1.27Аналитика на сайт20:53

    В лекции рассказыва­ется о аналитике на сайт

    Лекция 1.28 Развитие себя как специалиста42:59

    В лекции рассказыва­ется о развитии себя, как специали­ста

    Лекция 1.29 Поиск клиентов. CRM. Продажи45:42

    В лекции рассказыва­ется о поиске клиентов. CRM. Продажи

    Раздел 2: SEO Бонусный урок

    Лекция 2.1SEO Бонусный урок, part 11:43:46

    SEO Бонусный урок, part 1

    Лекция 2.2SEO Бонусный урок, part 243:13

    SEO Бонусный урок, part 2

    Лекция 2.3SEO Бонусный урок, part 330:47

    SEO Бонусный урок, part 3

    Тест 1Заключение0:30

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *