Genius CoursesGenius Courses
  • Курсы

    Курсы

    • “WEB Машина” с Нуля до Эксперта. Стань Профессиональным Веб-Разработчиком за 7 месяцев.
    • Все Курсы
    “WEB МАШИНА” с Нуля до Эксперта! Поток #6

    “WEB МАШИНА” с Нуля до Эксперта! Поток #6

    1,199 €
    Подробнее

    Разделы

    • WordPress Разработка. Все уровни сложности: от чайника до Автора на Енвато.
    • Однодневные стримы. Дешево и много.
    • Веб Разработка. HTML, CSS, JavaScript, jQuery, PHP, Верстка…
  • Отзывы
  • Задать вопрос?
    • Регистрация Вход

      Вход через логин и пароль

      Забыли пароль?

      Нет аккаунта? Регистрируйся прямо сейчас

  • Курсы

    Курсы

    • “WEB Машина” с Нуля до Эксперта. Стань Профессиональным Веб-Разработчиком за 7 месяцев.
    • Все Курсы
    “WEB МАШИНА” с Нуля до Эксперта! Поток #6

    “WEB МАШИНА” с Нуля до Эксперта! Поток #6

    1,199 €
    Подробнее

    Разделы

    • WordPress Разработка. Все уровни сложности: от чайника до Автора на Енвато.
    • Однодневные стримы. Дешево и много.
    • Веб Разработка. HTML, CSS, JavaScript, jQuery, PHP, Верстка…
  • Отзывы
  • Задать вопрос?

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

  • Главная
  • Все курсы
  • Веб Разработка
  • Профессиональная Верстка
CoursesВеб РазработкаПрофессиональная Верстка
  • Основы HTML 11

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

    • Лекция1.1
      Что такое HTML?
    • Лекция1.2
      Введение в HTML5 (инструменты для работы, структура документа)
    • Лекция1.3
      Тэги для работы с текстом
    • Лекция1.4
      Тэги для работы со списками
    • Лекция1.5
      Тэги для работы с ссылками
    • Лекция1.6
      Тэги для работы с объектами
    • Лекция1.7
      Тэги для работы с таблицами
    • Лекция1.8
      Тэги для работы с формами
    • Лекция1.9
      Semantic HTML
    • Лекция1.10
      Кросс браузерная верстка и Responsive HTML (адаптивная верстка)
    • Викторина1.1
      Итоговый Экзамен по Блоку HTML 10 вопросов
  • Основы CSS 9

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

    • Лекция2.1
      Что такое CSS и как его подключить?
    • Лекция2.2
      Что такое Selector? Базовые селекторы CSS (Type Selectors, ID Selectors, Class Selectors)
    • Лекция2.3
      Cелекторы CSS (Pseudo-Classes и другие доступные селекторы)
    • Лекция2.4
      Типы значений в CSS (Пиксели, Проценты, Em, Rem, Значение для цвета, Значения для работы с текстом)
    • Лекция2.5
      Блоки в CSS (Padding, Margins, Borders)
    • Лекция2.6
      Основные свойства CSS (Background, Fonts, Shadows, Border Radius, Gradients, @font-face, Media Queries)
    • Лекция2.7
      Препроцессор LESS для CSS
    • Лекция2.8
      Введение в Flexbox CSS
    • Викторина2.1
      Итоговый Экзамен по Блоку CSS 10 вопросов
  • Photoshop для верстки 5

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

    • Лекция3.1
      Обзор PSD макета на соответствие качеству
    • Лекция3.2
      JPEG, PNG, SVG, GIF; какой формат использовать?
    • Лекция3.3
      Нарезка макета на необходимые элементы для верстки
    • Лекция3.4
      Горячие клавиши и приемы, помогающие верстальщику
    • Викторина3.1
      Итоговый Экзамен по Блоку Photoshop для верстки 5 вопросов
  • Введение в JavaScript и библиотека jQuery 9

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

    • Лекция4.1
      Для чего нужен JavaScript и как его подключить?
    • Лекция4.2
      Синтаксис в JavaScript
    • Лекция4.3
      jQuery. Подключение библиотеки
    • Лекция4.4
      jQuery. Первый документ на jQuery
    • Лекция4.5
      jQuery. Селекторы
    • Лекция4.6
      jQuery. Переменные
    • Лекция4.7
      jQuery. Функция .on()
    • Лекция4.8
      jQuery. console.log()
    • Викторина4.1
      Итоговый Экзамен по Блоку JavaScript & jQuery 10 вопросов
  • Практика 15

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

    • Лекция5.1
      Практика. Урок 1
    • Лекция5.2
      Практика. Урок 2
    • Лекция5.3
      Практика. Урок 3
    • Лекция5.4
      Практика. Урок 4
    • Лекция5.5
      Практика. Урок 5
    • Лекция5.6
      Практика. Урок 6
    • Лекция5.7
      Практика. Урок 7
    • Лекция5.8
      Практика. Урок 8
    • Лекция5.9
      Практика. Урок 9 30 минут
    • Лекция5.10
      Практика. Урок 10 30 минут
    • Лекция5.11
      Практика. Фишин верстки десктопной версии. Урок 11
    • Лекция5.12
      Проверяем верстку на валидацию HTML
    • Лекция5.13
      Делаем верстку кросбраузерной
    • Лекция5.14
      Делаем верстку адаптивной под мобильные устройства. Часть 1
    • Лекция5.15
      Делаем верстку адаптивной под мобильные устройства. Часть 2
  • Нужно знать! 8

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

    • Лекция6.1
      Хостинг и домен. Что это и как этим пользоваться?
    • Лекция6.2
      Практика с jQuery. Фиксим слайдер Testimonials
    • Лекция6.3
      Плагин для ускорения верстки emmet.
    • Лекция6.4
      Что такое и как использовать Bootstrap 4?
    • Лекция6.5
      Клиентские и серверные языки программирования.
    • Лекция6.6
      Работа с файлами по FTP. Программа FileZilla
    • Лекция6.7
      Как фрилансеру комфортно получать заработанные средства?
    • Викторина6.1
      Итоговый Экзамен по Блоку Нужно Знать 0 вопрос
    Для вас урок не доступен. Пожалуйста авторизуйтесь и запишитесь на курс для доступа к уроку!
    Предыдущий Делаем верстку кросбраузерной
    Следующий Делаем верстку адаптивной под мобильные устройства. Часть 2
    logo
    info@geniuscourses.com

    • Соглашение
    • Конфиденциальность