logotype
  • Главная
  • WordPress
    • WordPress Codex
    • WooCommerce
    • Разработка под Gutenberg
    • WordPress для Пользователя
    • Темы & Плагины
  • Веб Разработка
    • CSS – less, sass, scss
    • Уроки по HTML
    • PHP и ООП
    • SVG, WEBP, AVIF
    • SEO – Поисковая Оптимизация
logotype
  • Главная
  • WordPress
    • WordPress Codex
    • WooCommerce
    • Разработка под Gutenberg
    • WordPress для Пользователя
    • Темы & Плагины
  • Веб Разработка
    • CSS – less, sass, scss
    • Уроки по HTML
    • PHP и ООП
    • SVG, WEBP, AVIF
    • SEO – Поисковая Оптимизация
logotype
  • Главная
  • WordPress
    • WordPress Codex
    • WooCommerce
    • Разработка под Gutenberg
    • WordPress для Пользователя
    • Темы & Плагины
  • Веб Разработка
    • CSS – less, sass, scss
    • Уроки по HTML
    • PHP и ООП
    • SVG, WEBP, AVIF
    • SEO – Поисковая Оптимизация
  • Главная
  • WordPress
    • WordPress Codex
    • WooCommerce
    • Разработка под Gutenberg
    • WordPress для Пользователя
    • Темы & Плагины
  • Веб Разработка
    • CSS – less, sass, scss
    • Уроки по HTML
    • PHP и ООП
    • SVG, WEBP, AVIF
    • SEO – Поисковая Оптимизация
logotype
logotype
  • Главная
  • WordPress
    • WordPress Codex
    • WooCommerce
    • Разработка под Gutenberg
    • WordPress для Пользователя
    • Темы & Плагины
  • Веб Разработка
    • CSS – less, sass, scss
    • Уроки по HTML
    • PHP и ООП
    • SVG, WEBP, AVIF
    • SEO – Поисковая Оптимизация
Курс
Главная Курсы Профессиональная Верстка для Чайников

Профессиональная Верстка для Чайников

Admin bar avatarАлександр Сокирка Прошедшие Курсы
ferenc-almasi-eYpcLDXHVb0-unsplash
  • Обзор
  • Учебный план
  • Преподаватель

Пожалуй лучший курс для начинающих по профессиональной верстке. Это видео руководство поможет изучить такие технологии как HTML5, CSS3, JavaScript для верстки, библиотеку jQuery. Результатом прохождения данного видеокурса является умение верстать профессиональные дизайн макеты из PSD и Figma. Материал разбит на модули, теоретические и практические. В первой части ученику предлагается пройти теоретическую часть, после которой закрепить навыки в практической части.

ФОРМАТ

Как проходит данный видеокурс?

Курс предоставляется в видеоформате. После оплаты ученику предоставляется доступ к курсу и ко всем необходимым материалам/исходникам для прохождения курса. Доступ к курсу не ограничивается по времени. Ученик может изучать материал в любое удобное ему время в любом количестве. Ученик может вернуться через несколько месяцев и пересмотреть забытые разделы.

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

  • Язык гипертекстовой разметки HTML

    В данном блоке вы узнаете что такое HTML и как с ним работать. Изучите нужные тэги, научитесь верстать кросс-браузерные и адаптивные макеты.

    9
    • Введение. Что такое HTML?
      03 мин
    • Инструменты для работы, структура документа HTML5.
      12 мин
    • Тэги для работы с текстом
      16 мин
    • Тэги для работы со списками
      11 мин
    • Тэги для работы с ссылками
      10 мин
    • Тэги для работы с объектами
      18 мин
    • Тэги для работы с таблицами
      09 мин
    • Тэги для работы с формами
      19 мин
    • Semantic тэги в HTML
      13 мин
  • Основы CSS. Каскадные таблицы стилей

    В данном блоке вы ознакомитесь с основами CSS и изучите как стилизовать html документ

    9
    • Что такое CSS и как его подключить?
      12 мин
    • Базовые селекторы CSS (Type Selectors, ID Selectors, Class Selectors)
      20 мин
    • Дополнительные селекторы CSS (Pseudo-Classes и другие)
      24 мин
    • Типы значений в CSS (Пиксели, Проценты, Em, Rem, Значение для цвета, Значения для работы с текстом)
      21 мин
    • Свойства для блоков в CSS (Padding, Margins, Borders)
      24 мин
    • Основные свойства CSS (Background, Fonts, Shadows, Border Radius, Gradients, @font-face, Media Queries)
      19 мин
    • Препроцессор LESS для CSS
      24 мин
    • Введение в Flexbox CSS
      19 мин
    • Введение в CSS Grid
      31 мин
  • Графические редакторы для верстки

    В данном блоке вы изучите программу Photoshop и горячие клавиши необходимые верстальщику.

    4
    • Обзор PSD макета на соответствие качеству
      20 мин
    • Форматы изображений JPEG, PNG, SVG, GIF;
      11 мин
    • Нарезка макета на необходимые элементы для верстки
      29 мин
    • Горячие клавиши и приемы, помогающие верстальщику
      16 мин
  • JavaScript для верстки и библиотека jQuery

    В данном блоке вы ознакомитесь с некоторыми возможностями JavaScript необходимых для верстки

    10
    • Для чего нужен JavaScript и как его подключить?
      13 мин
    • Синтаксис JavaScript Часть 1
      30 мин
    • Синтаксис JavaScript Часть 2
      01 ч.
    • jQuery. Подключение библиотеки
      12 мин
    • jQuery. Первый документ на jQuery
      13 мин
    • jQuery. Селекторы
      14 мин
    • jQuery. Переменные
      14 мин
    • jQuery. Функция .on()
      13 мин
    • jQuery. console.log()
      13 мин
    • Большое руководство по jQuery
      01 ч. 31 мин
  • Практика. Из PSD в HTML

    В данном блоке вы научитесь применять полученные знания на практике при верстке PSD Макета.

    16
    • Практика. Урок 1
      27 мин
    • Практика. Урок 2
      54 мин
    • Практика. Урок 3
      54 мин
    • Практика. Урок 4
      52 мин
    • Практика. Урок 5
      45 мин
    • Практика. Урок 6
      46 мин
    • Практика. Урок 7
      50 мин
    • Практика. Урок 8
      51 мин
    • Практика. Урок 9
      53 мин
    • Практика. Урок 10
      54 мин
    • Практика. Урок 11
      59 мин
    • Практика. Урок 12
      22 мин
    • Практика. Урок 13
      14 мин
    • Практика. Урок 14
      46 мин
    • Практика. Урок 15
      39 мин
    • Практика. Урок 16
      04 мин
  • Практика. Из FIGMA в HTML

    В данном блоке вы научитесь применять полученные знания на практике при верстке Макета созданного в ФИГМА.

    10
    • Практика. Урок 1
      01 ч.
    • Практика. Урок 2
      01 ч. 01 мин
    • Практика. Урок 3
      43 мин
    • Практика. Урок 4
      38 мин
    • Практика. Урок 5
      48 мин
    • Практика. Урок 6
      40 мин
    • Практика. Урок 7
      57 мин
    • Практика. Урок 8
      35 мин
    • Практика. Урок 9
      17 мин
    • Практика. Урок 10
      55 мин
  • Нужно знать!

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

    6
    • Хостинг и домен. Что это и как этим пользоваться?
      10 мин
    • Плагин для ускорения верстки emmet.
      41 мин
    • Что такое и как использовать Bootstrap 4?
      16 мин
    • Клиентские и серверные языки программирования.
      16 мин
    • Работа с файлами по FTP. Программа FileZilla
      08 мин
    • Как фрилансеру комфортно получать заработанные средства?
      07 мин
Admin bar avatar
Александр Сокирка

Занимаюсь веб разработкой с 2007 года. Имею большой опыт в веб-дизайне и разработке сайтов. Являюсь автором YouTube канала Быть Программистом. Основатель бренда Aletheme и автор тем для WordPress на маркетплэйсе Envato. С 2017 года занимаюсь обучением людей желающим стать программистами. Мои обучающие программы можно найти на этом сайте или на Udemy.

Нет свободных мест. На курс нельзя записаться.

  • ЯЗЫК Русский
  • ДЛИТЕЛЬНОСТЬ 10 НЕДЕЛЬ
  • УРОВЕНЬ Для Чайников
  • ЛЕКЦИЙ 64
  • СЕРТИФИКАТ Есть
Получи Профессию
Featured author image: Профессиональная Верстка для Чайников

Александр Сокирка

Подписывайтесь на соц. сети автора курсов, чтобы не упустить анонсы новых обучающих программ.

logotype
Автором обучающих программ на Genius Courses является Александр Сокирка.
TelegramInstagramYoutubeVkFacebookLinkedin

Полезные ссылки

Главная База ЗнанийОтзывы Кабинет

Новое в Базе Знаний

  • Как добавить новую страну для страниц оплаты/доставки на WooCommerce?
    27.06.2023
  • Как добавить поле загрузки файла на странице оформления заказа?
    26.06.2023

© 2017- 2023. Школа онлайн образования.

↑
Modal title

Message modal