Профессиональная Верстка

ВСТУПЛЕНИЕ АВТОРА КУРСА
Приветствую, Дорогие Друзья. Меня зовут Александр Сокирка, и для новых посетителей я расскажу несколько фактов о себе. Я веб-разработчик, который уже более 12 лет занимается веб дизайном и разработкой сайтов. Последние 7 лет занимаюсь разработкой премиум шаблонов, которые продаю на различных маркетплэйсах. Я основатель студии по веб-разработке Maxneodata, основатель брэнда Alethemes по разработке шаблонов WordPress, основатель школы Genius Courses а так же блогер и автор YouTube канала Быть Программистом. Я очень позитивный человек, и моей миссией в этом курсе является обучить вас верстке PSD дизайн макетов. Вместе мы изучим и проделаем первые шаги в веб разработке.
ОТКУДА ПОЯВИЛАСЬ ИДЕЯ ЗАПИСАТЬ ВИДЕО КУРС?
Начиная с 2017 года я обучаю фрилансеров разработке WordPress шаблонов и пассивному заработку на их продаже, используя маркетплэйсы типа Envato или TemplateMonster. Данная тема оказалась на столько популярной, что большое количество новичков и веб дизайнеров записались ко мне на курс. Я заметил что ученики имеют очень слабые навыки верстки, либо не имеют их вовсе. Однако навык верстки является основным критерием и первым шагов в веб разработке. Я решил записать большой курс, курс который рассчитан на новичков, которые имеют недостаточно навыков верстки или вовсе их не имеют. В курсе я постарался отразить все аспекты и поделиться всем своим 12-ти летним опытом в 2-х месячном формате.
СОДЕРЖАНИЕ КУРСА:
Курс содержит в себе все нужные технологии, которые нужны специалисту для профессиональной верстки. В курсе вы изучите HTML, CSS, основы JavaScript и библиотеку jQuery, изучите работу в Фотошопе для разработчика, сверстаете на практике реальный PSD макет, а так же получите в качестве бонуса знания не связанные с версткой, но жизненно необходимые любому веб разработчику. На вкладке План вы можете ознакомиться с содержанием курса, обратите внимание что периодически план пополняется новыми уроками.
- Основы HTML
- Основы CSS
- Photoshop для верстки
- Введение в JavaScript и библиотека jQuery
- Практика
- Нужно Знать!
ДЛЯ КОГО РАССЧИТАН ДАННЫЙ ВИДЕО КУРС?
Данный курс рассчитан на новичков, которые делают или хотят сделать свой первый шаг в веб разработке. Так же этот курс идеально подойдет дизайнерам, которые хотят расширить свои навыки и научиться верстке. Данный курс я так же рекомендую своим ученикам, которые чувствуют нехватку знаний верстки изучая другие, более сложные курсы. Если и начинать изучать веб разработку – то точно нужно начинать с данного курса. Александр Сокирка плохому не научит!
5 ПРИЧИН, ПОЧЕМУ ВЫ ДОЛЖНЫ КУПИТЬ КУРС ПО ПРОФЕССИОНАЛЬНОЙ ВЕРСТКЕ?
- Автор курса имеет 10-ти летний опыт в веб разработке.
- Свои навыки Автор подкрепляет реальными достижениями, например продав WordPress шаблонов на 500.000 долларов.
- Автор делиться ценной и уникальной информацией на своем YouTube канале Быть Программистом совершенно бесплатно.
- Автор имеет опыт запуска успешных и уникальных курсов по разработке под WordPress и заработку на Енвато Маркет.
- Множество отзывов и благодарностей от своих учеников.
ЦЕЛИ ДАННОГО КУРСА:
Целью данного курса является обучить новичков или начинающих фрилансеров верстке PSD макетов. Для этого вам предстоит изучить такие технологии как HTML, CSS, JavaScript, библиотеку jQuery, работу в Фотошопе а так же другие вспомогательные программы и технологии. По завершению курса каждый ученик сможем самостоятельно сверстать любой PSD макет и применить эти знания на фрилансе, при разработке премиум шаблонов для продажи их на маркетплэйсах либо при устройстве в любую веб студию в качестве Front End разработчика.
КАК БУДЕТ ПРОХОДИТЬ ДАННЫЙ КУРС?
Длительность курса – до 2-х месяцев. За это время ученику предстоит пройти и изучить все занятия во вкладке “Учебный План”. Все ученики проделают все техники на практике, верстая реальные шаблоны и по прохождению каждого блока, ученику будет предложено пройти экзамен для проверки освоения материала. Закрытый форум служит площадкой для общения с автором курса, Александром Сокиркой. На форум ученик может задать любой вопрос – на который получит ответ лично от автора курса.
-
Основы HTML
В данном блоке вы узнаете что такое HTML и как с ним работать. Изучите нужные тэги, научитесь верстать кросс-браузерные и адаптивные макеты.
- Что такое HTML?
- Введение в HTML5 (инструменты для работы, структура документа)
- Тэги для работы с текстом
- Тэги для работы со списками
- Тэги для работы с ссылками
- Тэги для работы с объектами
- Тэги для работы с таблицами
- Тэги для работы с формами
- Semantic HTML
- Кросс браузерная верстка и Responsive HTML (адаптивная верстка)
- Итоговый Экзамен по Блоку HTML
-
Основы CSS
В данном блоке вы ознакомитесь с основами CSS и изучите как стилизовать html документ
- Что такое CSS и как его подключить?
- Что такое Selector? Базовые селекторы CSS (Type Selectors, ID Selectors, Class Selectors)
- Cелекторы CSS (Pseudo-Classes и другие доступные селекторы)
- Типы значений в CSS (Пиксели, Проценты, Em, Rem, Значение для цвета, Значения для работы с текстом)
- Блоки в CSS (Padding, Margins, Borders)
- Основные свойства CSS (Background, Fonts, Shadows, Border Radius, Gradients, @font-face, Media Queries)
- Препроцессор LESS для CSS
- Введение в Flexbox CSS
- Итоговый Экзамен по Блоку CSS
-
Photoshop для верстки
В данном блоке вы изучите программу Photoshop и горячие клавиши необходимые верстальщику.
-
Введение в JavaScript и библиотека jQuery
В данном блоке вы ознакомитесь с некоторыми возможностями JavaScript необходимых для верстки
-
Практика
В данном блоке вы научитесь применять полученные знания на практике при верстке PSD Макета.
- Практика. Урок 1
- Практика. Урок 2
- Практика. Урок 3
- Практика. Урок 4
- Практика. Урок 5
- Практика. Урок 6
- Практика. Урок 7
- Практика. Урок 8
- Практика. Урок 9
- Практика. Урок 10
- Практика. Фишин верстки десктопной версии. Урок 11
- Проверяем верстку на валидацию HTML
- Делаем верстку кросбраузерной
- Делаем верстку адаптивной под мобильные устройства. Часть 1
- Делаем верстку адаптивной под мобильные устройства. Часть 2
-
Нужно знать!
В данном блоке вы изучите дополнительные программы, приемы и техники нужные веб разработчику.
- Хостинг и домен. Что это и как этим пользоваться?
- Практика с jQuery. Фиксим слайдер Testimonials
- Плагин для ускорения верстки emmet.
- Что такое и как использовать Bootstrap 4?
- Клиентские и серверные языки программирования.
- Работа с файлами по FTP. Программа FileZilla
- Как фрилансеру комфортно получать заработанные средства?