Скоро Frontend с нуля: делаем сайты уровня международных дизайн-агентств

Moderator
Команда форума
29 Мар 2020
296,100
1,454,257
113
#1
index-png.660271


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

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

Из своего опыта скажу, что минимум 10 сайтов я сделал по просьбам родственников и близких друзей. Не говоря уже о фрилансе, где зачастую есть офферы для специалиста любого уровня. От «сверстай простую страничку за 500 рублей», до «мне нужен корпоративный сайт, плачу 20 тыс.».

Думаю, что было бы крайне неразумно не раскрыть данную тему в рамках складчика. Поэтому представляю вам свой курс по разработке (верстке) качественных и экспертных веб-сайтов на HTML/CSS.

1-png.660272


1. Чёткий базовый навык правильной вёрстки веб-сайтов, поможет создавать крутые, работающие на любых устройствах (адаптивные) HTML-страницы, на основе уже существующих сайтов или ваших собственных макетов. Это основа для востребованной профессии frontend-разработчика. Один курс по JS и вы сможете делать жизнеспособные проекты, которые требуются заказчикам с деньгами.

Что сделает вас более «матёрым» манимейкером и поможет реализовать проекты и схемы больше и лучше, чем вы можете реализовать сейчас.

2. Вы поймёте, как вообще устроена веб-страница, из чего она состоит и каким образом информация выводится в браузер.

Это поможет вам в дальнейшем гораздо глубже и лучше понимать принципы парсинга данных (а это, как я заметил, популярно на данном ресурсе). А также будет большим плюсом при освоении технологии разработки веб-приложений (например, я могу научить вас бекенду на ).

3. Вы научитесь копировать уже существующие сайты и добавлять к ним формы обратной связи, статистику и прочие сторонние инструменты. Что даст вам новые возможности в сфере онлайн-заработка и пользуется большим спросом на фрилансе.

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

2-png.660273


Как вы сможете создавать сайты, на уровне международных дизайн-агентств?

Всё просто, вы сможете верстать макеты (или копировать уже существующие сайты) созданные этими агентствами, адаптировать их под русский язык, уникализировать эти макеты и пользоваться ими в своих схемах, либо в краткий срок собрать себе просто бомбическое портфолио, которого нет и не будет у ваших конкурентов, портфолио которых состоит из сайтов по типу корпоративного сайта для «ООО Черлакские металлоконструкции».

Заказчики любят глазами и это будет вашим уникальным торговым предложением. И не важно, что не вы рисовали эти макеты, ведь вы не художник, вы – верстальщик.

3-png.660274


Мы совместно пройдём теорию вёрстки веб-сайтов (обещаю поддержку 30 дней), далее с нуля сверстаем два шикарных макета: блог и лендинг.

В итоге вы сверстаете вот такие макеты:

Спойлер: Лендинг

1-jpg.660277


Спойлер: Блог

2-jpg.660278


4-png.660279


1. Photoshop

Обзор основных инструментов
Работаем с макетом
2. Основы HTML

Понятие HTML
HTML-документ
HTML-теги и их атрибуты
Типы HTML-тегов
Метаданные страницы и тег HEAD
Теги-компоновщики
Ссылки
Теги для работы с форматированием текста
Заголовки
Теги для работы со списками
Изображения
Таблицы
Встраивание контента других страниц
3. Структура и семантика HTML-страницы

Элемент main
Элементы header и footer
Элемент nav
Элемент section
Элемент aside
Элемент article
4. CSS-стили

Понятие css-стилей
Селекторы HTML-элементов
Псевдоклассы и псевдоэлементы
Приоритет стилей
5. Свойства стилей

Медиа в HTML
Работа с Аудио
Работа с Видео
Управление видео-потоком через JS
6. Вёрстка макета

Создаём HTML-скелет страницы
Создаём «сетку» при помощи CSS
Стилизуем элементы страницы
Адаптивность макета
Тег viewport
Медиа-выражения для создания адаптивных макетов
7. Копирование сайтов

Копируем исходный код и строим свою структуру файлов
Устанавливаем скрипт отправки заявок на сайт
Устанавливаем метрику, счётчики, ретаргет и пр.
Создаём страницу «Спасибо»
8. Практика

Верстаем макет блога
Верстаем макет лендинга

%D0%9F%D0%BB%D0%B0%D1%88%D0%BA%D0%B8_05-png.660283


Данный курс – вводный, служит не только для получения прочных навыков в сфере вёрстки веб-страниц, но и для того, чтобы понять, что из себя представляет фронтенд в целом.

Следующий шаг, который я могу вам предложить – это курс по языку программирования JavaScript. Этот, несправедливо обделённый вниманием (на данном ресурсе) язык крайне популярен и перспективен уже сейчас. И может решать задачи не хуже, чем уже представленные языки программирования.

Например, на фрилансе (СНГ и запад) навряд ли получится найти что-то более популярное чем JS. Более того, помимо фронтеда JavaScript можно успешно использовать также для Android, iOS, WEB и Desktop разработки, а также писать на нём автоматизацию подобную Zennoposter: парсеры, грабберы, регеры и пр.

Искренне желаю вам всем не упустить возможность и приступить к изучению столь перспективного направления как верстка качественных и экспертных веб-сайтов на HTML/CSS.

5-png.660284


Выполнив условия вы получите:

10 Крутых PSD шаблонов для портфолио
+10 дней поддержки
Для получения бонуса достаточно 3 раза прорекламировать тему в профильных разделах. Условия получения бонусов перестают быть актуальными за 5 дней до получения темой статуса «Активно».

6-png.660281


Стоимость курса + поддержки составляет 1990 рублей с человека!


Для просмотра содержимого вам необходимо авторизоваться

Для просмотра содержимого вам необходимо авторизоваться