Требования к верстальщику для работы в веб-студии ответы на вопросы


Друзья! Поговорим о том, чего же жаждет работодатель от верстальщика. Какие дополнительные скилы повысят ваш шанс устроиться на работу в веб-студию. Отвечу на ваши вопросы, будет полезно, не пропустите!

​Написать мне в ВК: vk.com/vadimprokopchuk
Написать в телеграм: t.me/silver8light

Препроцессоры SCSS/SASS. Все, что нужно знать для старта


Привет, друзья! Это подробное руководство по препроцессорам scss и sass для начинающих. Вы познакомитесь с препроцессорами, узнаете как их подключать к проекту, в чем их преимущество, почему их так важно использовать и почему при устройстве на работу вас о них спрашивают. Ну и конечно же узнаете разницу между scss и sass. Я дам рекомендацию о том какой препроцессор когда нужно использовать.

Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Ссылка на сайтец scss/sass:
sass-scss.ru/

Видео о сss grid:
youtu.be/qJ5jzRaGgVY

Верстка сайта он начала до завершения:
youtu.be/Q2zxQNQGcU8

Требования к верстальщику для Фриланса


Hi, на канале был стрим о требованиях к верстальщику для работы в вебстудии. По вашим просьбам сделал видео «Требование к верстальщику для фриланса». Фиксируйте тезисы, делайте правильные выводы, желаю успехов и новых побед.

Тебования к верстальщику для работы в вебстудии:
youtu.be/RcQFQsDW1RQ

Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Связь со мной:
ВК: vk.com/vadimprokopchuk
телеграм: t.me/silver8light

БЭМ методология. Практический пример


Друзья, в видео расскажу о бэм нейминге, объясню принципы, которыми руководствовались ребята при создании данной методологии. Конечно же, теория это круто, но мы с вами пропишем бэм стили для целого лендоса, чтобы закрепить все на практике.

Макет из урока:
drive.google.com/file/d/1h2TtRjsmmDVYLbET8cN5D71MX28zp8gu/view?usp=sharing

Урок по scss/sass:
youtu.be/MpzTnr5x_Wg

Урок по Gulp:
youtu.be/izqR0UY11rk

Урок по Pug:
youtu.be/Gu0FHjUIaic

Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Верстка сайта с нуля, для новичков. Марафон по верстке, день 1


Марафон по верстке сайта. За 3 дня полностью сверстаем сайт и сделаем адаптив. Объясню все что делаю, и зачем. Отвечу на вопросы.

Тема в VSC — плагин Material Theme

Все исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:
bit.ly/3eaDJKi

Ссылка на телеграм канал с впн:
teleg.one/from0to1ru
Если это не помогает, просто зайдите в телеграм и в поиске введите from0to1ru или марафон по верстке.

Чат верстальщиков:
t.me/chat_from_0_to_1

Написать мне в ВК:
vk.com/vadimprokopchuk

Написать мне в телеграм:
t.me/silver8light

Отзывы о моем авторском курсе по верстке:
vk.com/topic-104892258_40476405

Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Ошибки в верстке сайтов. Я твою вертску шатал!


Друзья в этом видосе разобрал частые ошибки которые совершают начинающие и не всегда начинающие верстальщики) Довольно полезная информация, когда я раньше учился этому ремеслу мне как раз не хватало таких видео,
приятного просмотра! )

Верстка сайта с нуля до завершения: www.youtube.com/watch?v=Q2zxQNQGcU8

Видео про box-sizing:
www.youtube.com/watch?v=IH_V0duSGLo

Тег a, Никита Дубко


Что такое поисковая выдача? По факту — страница с десятками ссылок. Поэтому поисковики довольно трепетно относятся к тому, как отдавать ценный тег a пользователю. Давайте разберёмся, какие тайны в себе хранит этот тег, который с нами ещё с самого первого стандарта HTML

Никита Дубко на конференции Web Standards Days 7 декабря 2019 в Минске — wsd.events/2019/12/07/

Слайды: wsd.events/2019/12/07/pres/anchor/

Gulp сборка с нуля, современный синтаксис, полное руководство


Друзья, обновил старое видео по gulp 4, использую новый, более удобный, современный синтаксис. Записал вам пошаговое руководство и советы, как обновить свою сборку.

Видео о препроцессорах:
youtu.be/MpzTnr5x_Wg

Node: nodejs.org/en/
Gulp: gulpjs.com/
npm: www.npmjs.com/
browser-sync: browsersync.io/

Тайм-коды:
0:00 Приветствие
1:20 Что такое gulp
2:57 NodeJs (https://nodejs.org/en/)
4:28 Чем удобен VS CODE
5:09 Способ 1 консоль (Самый удобный)
5:48 Способ 2 консоль (Не самый удобный)
7:37 Рекомендации
8:47 Установка gulp глобально
10:14 NPM ( www.npmjs.com/)
12:17 Если уже установлен Gulp
12:57 Установка gulp в Папку (Не спеши нажимать Enter)
13:51 Инициализация проекта ( init — пишем в первую очередь! )
16:45 Что такое ---save-dev
18:30 Файл package-lock.json
18:50 Папка Node_modules
22:36 Выпьем не много чаю и поехали дальше ^^^
22:50 Создание gulpfile.js
24:18 Что такое предпроцессоры, смотрите видео по ссылке (Видео о препроцессорах:
youtu.be/MpzTnr5x_Wg)
24:52 Что умеет gulp
25:40 Первый Плагин (gulp-sass)
40:35 Что такое конкатенация?
42:32 Второй Плагин (gulp-concat)
45:38 Watch (Слежение)
51:33 Зачем gulp, если есть VSCODE
55:40 Третий Плагин (browser-sync)
1:13:13 скрипты
1:14:31 Четвертый плагин (gulo-uglify-es)
1:34:13 Пятый Плагин (gulp-autoprefixer)
1:40:00 Таcк build
1:45:00 Шестой плагин (gulp-imagemin)
1:54:40 Седьмой плагин ( del)
2:03:07 Как Работать с другими проектами
2:06:46 Конец

Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ