Программирование [BrainsCloud] Профессиональная, быстрая и комфортная верстка сайтов

[os]

​

Научись верстать сайты, используя инструменты для автоматизации и оптимизации процессов. Узнай как верстать сайты качественно и профессионально, тратя меньше времени на разработку и зарабатывая больше.

После прохождения курса:

• Научитесь эффективно работать с редактором кода. Узнаете какие плагины необходимы для работы, какие горячие клавиши использовать.
• Будете писать код, который не ломается, используя методологии и правила написания качественного кода.
• Научитесь организовывать грамотную структуру проекта.
• Увеличите скорость разработки проектов используя современные инструменты разработки - Gulp, SASS, npm. Пусть рутинную работу выполняют машины!
• Узнаете как увеличить скорость работы сайта и что на это влияет.
• Узнаете на что стоит обратить внимание и от чего нужно отказаться.
• Узнаете что отличает начинающего верстальщика от опытного.
• Узнаете на что не обращают внимание 90% верстальщиков и почему они пишут плохой код.
• Увеличите свой скилл верстки, почувствуете себя хорошим специалистом и соответственно повысите свой заработок.

Программа курса:

Модуль 1. Редактор, emmet, горячие клавиши (3 урока):

Данный модуль посвящен настройке редактора кода.

• Поговорим о необходимых плагинах, разберемся для чего они нужны и как они работают.
• Так же разберем горячие клавиши, которые помогут вам писать код быстрее.

Модуль 2. Автоматизация, структура проекта (6 уроков):

Данный модуль посвящен автоматизации процессов.

• Установим таск-раннер Gulp, который будет выполнять 90% рутинной работы за вас - проставлять префиксы, уменьшать CSS и javascript файлы, оптимизировать изображения, удобно работать с HTML и многое другое.
• Научитесь использовать npm для установки библиотек.
• Вы узнаете как создать структуру проекта и как работать с файлами максимально эффективно.

Модуль 3. БЭМ, SASS, Bootstrap 4 (6 уроков):

Данный модуль посвящен методологии БЭМ, работе с SASS, эффективной работе с проектом, работе с фреймворком Bootstrap 4 и подключению сторонних библиотек используя npm.

• Вы узнаете, что такое БЭМ и как с ним работать.
• Вы узнаете как грамотно и эффективно организовать рабочий процесс.
• Вы узнаете как работать с препроцессором SASS.
• Вы узнаете как грамотно работать с Bootstrap 4, подключая только необходимые модули.

Модуль 4. Скорость работы сайта (5 уроков):

Данный модуль посвящен скорости работы сайта.

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

Модуль 5. Стиль написания кода (2 урока):

Данный модуль посвящен правильной организации кода и стилю его написания.

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

Модуль 6. Практика (11 уроков):

Данный модуль посвящен практике.

• Вы сверстаете сайт-портфолио, используя все изученные технологии, и научитесь делать это быстро и качественно.
• Практика работы с Gulp, SASS, БЭМ, Bootstrap 4, SVG спрайты, оптимизация и многое другое!

СКАЧАТЬ КУРС:

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

СКАЧАТЬ КУРС ЧЕРЕЗ TORRENT:

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

 

[Paul9388]

слегка поверхтностно и показана верстка сайта на бутстрапе, но в целом годно! спасибо

 

[thaestea]

по верстке лучше всего смотреть курсы HTML Academy

 

[Octo Browser]

Octo Browser — антидетект браузер, подходящий для любого вида маркетинга: арбитраж трафика, партнерский маркетинг, веб-скрейпинг, SMM, ORM и многое другое.

Преимущества нашего браузера:

Подмены выполняются на уровне браузерного ядра — максимальная защита от идентификации устройства
Высокие показатели стабильности работы — аптайм составляет 99,995%
Оперативное обновление ядра до актуальных версий
Пользовательские данные хранятся на европейских облачных серверах и зашифрованы по стандарту AES
Возможность экспорта профилей в файл, который можно передавать другому пользователю браузера
Безошибочно проходит проверки Pixelscan, BrowserLeaks, CreepJS

4 дня пробной подписки BASE по промокоду: PIRATEHUB

Подробнее о сервисе

 

[William]

по верстке лучше всего смотреть курсы HTML Academy

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

 

[Paul9388]

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

А кого вы считаете профессионалом? Если можно, со ссылками, буду благодарен

 

[William]

А кого вы считаете профессионалом? Если можно, со ссылками, буду благодарен

Смотрите бурж ютуб (особенно стримы) + гайды от самих разрабов + гидхаб + сервисы по типу freecodecamp.org

 

[thaestea]

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

То, что нужна практика это естественно. Новичку будет тяжело смотреть гайды в бурже не понимая основ. С курсами HTML Academy можно понять основы, поверстать их шаблоны, а потом уже идти и дальше развиваться во фронтенде.
Но это мое мнение, на истину не претендую.
А так да, я сейчас в основном смотрю бурж ролики, так как там меньше воды и больше конкретики. Все таки там больше умеют готовить обучающие курсы, а не наши инфобизьнесьмены

 

[William]

То, что нужна практика это естественно. Новичку будет тяжело смотреть гайды в бурже не понимая основ.

Почему тяжело? Есть же видео и для "грудничков", в тех же сервисах есть курсы где всё начинается с нуля, да и на ютубе этого добра навалом, тут скорее сложно найти что-то для уже опытных, для новичков 90% материалов.

С курсами HTML Academy можно понять основы, поверстать их шаблоны, а потом уже идти и дальше развиваться во фронтенде.

А зачем потом переучиваться? Не проще сразу учиться писать "хороший код"?