Автор: WebForMySelf
Название: Верстка-Мастер

[WebForMySelf] Верстка-Мастер

[WebForMySelf] Верстка-Мастер


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

Для кого этот курс ?

Абсолютные новички

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

Начинающие верстальщики

Вы уже имеете некоторые знания: можете править страницу, вносить в нее изменения, добавлять блоки контента на сайт, сверстать что-то несложное, постоянно прибегая к посторонней помощи или поисковику

Продвинутые верстальщики и фрилансеры

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

Бизнесмены, арбитражники, рекламщики

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

Действующие веб-программисты

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

Почему вам стоит пройти этот курс ?

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

Пошаговый план действий
У вас будет четкий пошаговый план действий для верстки сайтов любой сложности: от лендингов до многостраничных порталов

Бесценная практика
Сверстаете макеты двух наиболее востребованных типов сайтов: Landing Page и интернет-магазина

2 работы в ваше портфолио
Получите 2 работы в портфолио – для того, чтобы устроиться на работу в веб-студию, либо начать зарабатывать на фрилансе

Современные технологии верстки
Вы научитесь быстро верстать сайты, применяя новейшие технологии верстки: Flex, препроцессор SasS и сборщик Gulp


Так кто же такой верстальщик

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

Верстка — это создание веб-страниц с помощью специальных языков.

Это процесс перевода макета сайта, созданного дизайнером в графической программе, в HTML-страницу. При этом используются специальные языки, которые для этого предназначены: HTML, CSS, JavaScript.

Соответственно, верстальщик — это человек, который занимается кодированием HTML-страницы.

Как создаются современные сайты

Если упрощенно рассмотреть схему создания сайта, то можно выделить следующие этапы

ПЛАНИРОВАНИЕ

Собирается информация о будущем сайте: для чего он создается, кто будут его основные посетители, какой должен быть функционал и т.д. Результатом является техническое задание (ТЗ)

ДИЗАЙН

Дизайнером на основе технического задания создается дизайн будущего сайта. Делается это в графическом редакторе. Чаще всего используется Photoshop

ВЕРСТКА

На этом этапе верстальщик на основе макета, созданного дизайнером, верстает HTML-страницу, используя языки HTML, CSS и JavaScript. На сверстанной странице уже работают все ссылки, листаются галереи, слайдеры, работают выпадающие меню и прочее. И если создается одностраничный сайт, лендинг, то его уже можно разместить в интернете. Итогом данного этапа является HTML-шаблон сайта

ПРОГРАММИРОВАНИЕ

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

РАЗМЕЩЕНИЕ САЙТА В ИНТЕРНЕТЕ

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

Современные стандарты верстки

По состоянию на конец 2018 года на верстку налагаются определенные требования, соблюдение которых де-факто является стандартом.

Верстка должна быть:

Кроссбраузерной — страница должна одинаково выглядеть во всех браузерах.
Адаптивной — также страница должна хорошо отображаться на экранах мобильных устройств: планшетов и смартфонов.
Оптимизированной — верстка изначально создается оптимизированной под поисковые системы.
Доступной – чтобы люди с ограниченными возможностями, например, инвалиды по зрению, также могли пользоваться сайтом.
Сегодня есть много технологий, которые применяются для верстки. Если раньше были HTML и CSS, то сегодня это HTML5 и CSS3, препроцессоры, технология Flex, различные фреймворки и так далее.

ЧТО ВНУТРИ

Основная часть видеокурса состоит из двух больших практических блоков:


БЛОК 1. Верстка макета главной страницы интернет-магазина
БЛОК 2. Верстка макета Landing Page
В этих практических блоках мы с нуля шаг за шагом будем создавать верстку PSD-макетов для главной страницы интернет-магазина и для посадочной страницы (Landing Page).

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

А если вы уже изучали HTML и CSS, но не представляете, как именно применять полученные знания на практике, либо если вы затрудняетесь с реализацией сложных элементов, – данный курс закроет все ваши пробелы в знаниях и даст бесценные навыки в максимально короткие сроки.

Что конкретно вы получите

Получите самые актуальные, применяемые и востребованные знания по верстке сайтов.
Будете свободно верстать кроссбраузерные адаптивные сайты практически любой сложности.
Научитесь быстро верстать сайты, применяя современные востребованные методы, подходы и технологии верстки.
Сможете использовать при работе препроцессоры, а также применять менеджер задач Gulp, что существенно облегчит вам выполнение множества рутинных задач и автоматизирует процесс веб-разработки.
Освоите современную теоретическую базу в области HTML и CSS, включая новейшие их версии, получите море практического опыта.
В совершенстве овладеете версткой и приобретете бесценный навык верстать сайты для своих нужд.
Получите 2 заслуживающие внимания работы в портфолио – для того, чтобы устроиться на работу в веб-студию либо начать зарабатывать на фрилансе.
Сможете существенно повысить свой уровень верстки, что резко повысит шансы увеличить ваш заработок и успешно конкурировать на рынке труда и биржах фриланса.

Подробнее:
Авторизуйтесь, чтобы посмотреть скрытый контент.

Скачать:
Авторизуйтесь, чтобы посмотреть скрытый контент.
 
Последнее редактирование модератором:
Малыш Джон
Малыш Джон
Редактор
badge badge badge badge
Регистрация
26/03/2018
Сообщения
29.190
Репутация
1.065
Mikimaus
Mikimaus
Премиум
badge badge badge badge
Регистрация
26/09/2018
Сообщения
22
Репутация
21
В курсе написано что подойдет даже если вы Абсолютные новички ;)
Улыбнуло ))) Там что бы разобраться вам придется для начала изучить HTML отдельно - потом CSS отдельно а потом только вы можете попробовать себя в этом нелегком деле. Так что учтите перед тем как скачивать этот курс. Хотя в бонусах есть основы, но даже изучив их будет тяжело понять о чем идет речь. Нужно будет копать инфу по мере прохождения курса.
 
Maximus_rus
Maximus_rus
Премиум
badge badge badge
Регистрация
28/11/2018
Сообщения
15
Репутация
4
В курсе написано что подойдет даже если вы Абсолютные новички ;)
Улыбнуло ))) Там что бы разобраться вам придется для начала изучить HTML отдельно - потом CSS отдельно а потом только вы можете попробовать себя в этом нелегком деле. Так что учтите перед тем как скачивать этот курс. Хотя в бонусах есть основы, но даже изучив их будет тяжело понять о чем идет речь. Нужно будет копать инфу по мере прохождения курса.

Ну скажу я так HTML и CSS не сложно освоить чем другие языки программирование. Инфу по HTML и CSS можно найти легко:)
 
Mikimaus
Mikimaus
Премиум
badge badge badge badge
Регистрация
26/09/2018
Сообщения
22
Репутация
21
Ну скажу я так HTML и CSS не сложно освоить чем другие языки программирование. Инфу по HTML и CSS можно найти легко:)
Не сложно тегов в HTML всего сотка с копейками + CSS тегов чуть больше сотки, я не говорил что сложно ;) говорил что его нужно знать до того как проходить этот курс. А вы проходили этот курс ?
 
Maximus_rus
Maximus_rus
Премиум
badge badge badge
Регистрация
28/11/2018
Сообщения
15
Репутация
4
Не сложно тегов в HTML всего сотка с копейками + CSS тегов чуть больше сотки, я не говорил что сложно ;) говорил что его нужно знать до того как проходить этот курс. А вы проходили этот курс ?
Прохожу курс. :) Но пока хорошо получается, так как базовый знания уже знаю HTML и CSS даже больше. :)
 
Atanakoff
Atanakoff
Премиум
badge badge badge
Регистрация
20/11/2018
Сообщения
10
Репутация
9
Курс 2018 года?
 
LLIkoJIbHuk
Премиум
badge badge
Регистрация
15/12/2018
Сообщения
19
Репутация
5
У кого-то есть шаблон из 1ой части? Скачал шаблон, закинул в фотошоп, слои есть, но отображается огромный прозрачный фон
 
  • Мне нравится
Reactions: D0c
Walson
Премиум
badge
Регистрация
28/10/2018
Сообщения
5
Репутация
4
Ну скажу я так HTML и CSS не сложно освоить чем другие языки программирование. Инфу по HTML и CSS можно найти легко:)
Как другие языки программирования? Сударь, вы хоть понимаете, что сказали? Если смотреть по контексту, то получается, что CSS,HTML - языки программирования? Молодой человек, идите проспитесь)
 
Maximus_rus
Maximus_rus
Премиум
badge badge badge
Регистрация
28/11/2018
Сообщения
15
Репутация
4
Как другие языки программирования? Сударь, вы хоть понимаете, что сказали? Если смотреть по контексту, то получается, что CSS,HTML - языки программирования? Молодой человек, идите проспитесь)
А, вы поняли, что написали в ответ ? Вам надо перечислить какие другие языки программирования и дать по каждому статус тяжело или легко ?
И что вы имели виду "Если смотреть по контексту, то получается, что CSS,HTML - языки программирования? " тогда что по вашему?)))
Нифига не понял,но очень интересно ))) Очнитесь )
 
Воин-революционер
Воин-революционер
Премиум
badge badge
Регистрация
08/08/2019
Сообщения
3
Репутация
3
А, вы поняли, что написали в ответ ? Вам надо перечислить какие другие языки программирования и дать по каждому статус тяжело или легко ?
И что вы имели виду "Если смотреть по контексту, то получается, что CSS,HTML - языки программирования? " тогда что по вашему?)))
Нифига не понял,но очень интересно ))) Очнитесь )
Он имел ввиду, что HTML и CSS не являются языками программирования
 
Shopen11
Shopen11
Премиум
badge badge
Регистрация
10/08/2019
Сообщения
3
Репутация
2
Прошёл курс, интересно было смотреть, но очень мало объясняет как по мне, по сути комментирует то, что пишет, а не поясняет что да как. Это минус, но учитывая, что до этого я довольно много видосов просмотрел на ютубе - мне было не трудно смотреть данный курс.
Воды в этом курсе НЕТ от слова совсем. Но перед прохождением курса всё-таки рекомендую по основам html и css глянуть пару уроков на ютубе + просмотреть в начале бонусные уроки(которые есть в данном курсе) и только потом приступать к блокам 1 и 2.
 
korihox
korihox
Премиум
badge badge badge badge
Регистрация
11/03/2020
Сообщения
46
Репутация
134
Прошёл курс, интересно было смотреть, но очень мало объясняет как по мне, по сути комментирует то, что пишет, а не поясняет что да как. Это минус, но учитывая, что до этого я довольно много видосов просмотрел на ютубе - мне было не трудно смотреть данный курс.
Воды в этом курсе НЕТ от слова совсем. Но перед прохождением курса всё-таки рекомендую по основам html и css глянуть пару уроков на ютубе + просмотреть в начале бонусные уроки(которые есть в данном курсе) и только потом приступать к блокам 1 и 2.
Как думаете, хватит курса верстка с нуля 2.0 Русакова, что бы этот курс пройти спокойно?
 
Shopen11
Shopen11
Премиум
badge badge
Регистрация
10/08/2019
Сообщения
3
Репутация
2
Как думаете, хватит курса верстка с нуля 2.0 Русакова, что бы этот курс пройти спокойно?

Я не проходил курсы Русакова, но уверен, что хватит. Главное посмотреть бонусные уроки в начале(не все, только основные про вёрстку и вроде gulp, а про редакторы кода - фиг с ними, я думаю ты уже разобрался в них)), вообще на мой взгляд курс хорош, но там есть одна вещь, например, с компиляцией scss.... мне пришлось с 0 писать свой собственный gulpfile и дополнительно читать документацию по npm, чтобы привести всё в порядок, потому что пара моментов немного подустарели и пришлось настраивать самому(( это был самый болезненный момент впринципе)) далее всё пошло классно, я набрался опыта в вёрстке. Если честно ожидал увидеть полное владение флексами - типо использование flex-shrink или применение flex-grow, а там только justify-content и align-items + flex-basis, но даже так всё равно я рад, что прошёл курс, он мне помог)) + 2 крутых лендинга в портфолио.

Пиши в вк, если траблы будут с scss, кину ссылку на гитхаб аккаунт. vk.com/shopen101
 
cozz9ncb
Премиум
badge
Регистрация
22/04/2020
Сообщения
2
Репутация
0
а где сами макеты взять? Подскажите пожалуста...
 
D0c
D0c
Просветленный
badge badge
Регистрация
25/01/2020
Сообщения
1
Репутация
0
У кого-то есть шаблон из 1ой части? Скачал шаблон, закинул в фотошоп, слои есть, но отображается огромный прозрачный фон
Привет, у меня такая же ситуация. В чем может быть проблема???
 
Top1gtyr
Top1gtyr
Премиум
badge badge badge badge
Регистрация
13/02/2021
Сообщения
27
Репутация
11
Привет, у меня такая же ситуация. В чем может быть проблема???
Научитесь пользоваться фотошопом, а если серьёзно, то вы не видите что-ли, что у слоёв глазик не нажат?!
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Последние темы автора

Малыш Джон
Ответы
2
Просмотры
2K
Els i El
Малыш Джон
Ответы
0
Просмотры
1K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
4
Просмотры
1K
Суперюля
Суперюля

Похожие темы

Arsenn32
Ответы
0
Просмотры
1K
Arsenn32
Arsenn32
Arsenn32
Ответы
0
Просмотры
4K
Arsenn32
Arsenn32
Малыш Джон
Ответы
2
Просмотры
11K
ya.fill
ya.fill
Arsenn32
Ответы
1
Просмотры
3K
irrysik
irrysik
Arsenn32
Ответы
0
Просмотры
1K
Arsenn32
Arsenn32
Алан-э-Дейл
Ответы
4
Просмотры
5K
$HAREW00D
$HAREW00D
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Arsenn32
Ответы
1
Просмотры
4K
FrostZZ
FrostZZ
Сверху Снизу