Верстальщик от бога
9.23K subscribers
1.38K photos
18 videos
1 file
1.64K links
Регистрация в перечне РКН:
https://knd.gov.ru/license?id=6757e1989d804a279b283165&registryType=bloggersPermission

Самый большой канал по верстке в телеграм.

Чат верстальщиков: @godinhtmlchat

По всем вопросам: @anothertechrock
Download Telegram
HTML5 вместе с CSS, JavaScript и Mutlimedia для профессионалов (Pro HTML5 with CSS, JavaScript and Multimedia)

Автор: Mark J. Collins
Год издания: 2017

Скачать для ознакомления

#html #css #js #book #english
​​Как получать 100 тысяч за код. Полное руководство для начинающих

Отличный роадмап для тех, кто начинает заниматься веб-разработкой. Четко и понятно расписано, как развиваться до полноценного mid-разработчика.

Must read для начинающих (и довольно интересно будет и опытным девам)

Читать статью

#html #css #js #русский
​​HTML: The Good Parts - лекция Вадима Макеева

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

Смотреть на YouTube (ссылка на таймкод начала доклада)

#html #русский
​​Полное руководство по data-атрибутам

Наверное все, что нужно знать про data-атрибуты в HTML. Систематизировано и оформлено в одной статье.

Читать статью

#html #русский
YouTube-каналы для начинающих верстальщиков на русском языке

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

От 0 до 1 - уроки фронтенд-разработки от Вадима Прокопчука

Типичный верстальщик - верстка, дизайн, веб-разработка

Просто: разработка - веб-разработка, верстка, javascript

Канал Вадима Макеева - уроки верстки от руководителя сообщества "Веб-стандарты", организатора pitercss_meetup и pitercss_conf

BrainsCloud - много контента по веб-разработке для начинающих

Фрилансер по жизни - верстка, общие размышления про IT

#html #css #js #русский

P.S. Это не рекламный пост. Все ссылки взяты из нашего чата. Если знаете похожие каналы, делитесь в чате вестальщиков.
❤1
​​Как быстро спроектировать сайт с помощью CSS Grid

Неплохая статья для начинающих верстальщиков, где подробно разбирается простой темплейт на CSS Grid. Будет полезно и тем, кто никогда не работал с гридами.

Читать статью

#html #css #русский
​​Инклюзивные компоненты: слайдер

Длиннющая статья, где описано все, что нужно знать про слайдеры и как их правильно готовить - начиная с UI/UX и заканчивая кодом. Дополнено большим количеством примеров.

Читать статью

#html #css #javascript #русский

P.S. инклюзивный = доступный, удобный
​​Руководство для прохождения интервью по фронтенду

Небольшой список базовых вопросов по веб-разработке с ответами. Полезно для начинающих.

Читать статью

#html #webdev #русский
​​«Не закрывайте теги!»

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

Читать статью

#html #css #русский
Изучаем веб-дизайн. Гайд по HTML, CSS, JavaScript и Веб-дизайну для начинающих (Learning Web Design - A Beginner's Guide to HTML, CSS, JavaScript and Web Graphics)

Автор: Jennifer Robbins
Год издания: 2018

Скачать для ознакомления

#html #css #js #book #english
​Зачем изучать HTML и CSS, или Когда роботы заменят верстальщиков на рынке труда

Свежая статья с размышлениями об актуальности изучения HTML и CSS. Обзор рынка труда, зарплат и мнения экспертов о том, стоит ли учить все это или нет. (Спойлер: стоит)

Читать статью

#html #css #русский
​​Подборка свежих русскоязычных видеотуториалов по верстке

Всем привет, решил периодически шерстить YouTube в поисках свежих материалов для верстальщиков. Собственно, вот первая партия:

- Верстка HTML/CSS/JS с нуля, стрим (для новичков)
Cмотреть на YouTube

- HTML верстка из Figma. Верстаем сайт с реального проекта
Смотреть на YouTube

- Верстка сайта с нуля для начинающих | HTML, Grid и Flexbox CSS, VS Code, Figma
Смотреть на YouTube

#html #css #русский

p.s. хороших выходных, не болейте!
Создай свой вебсайт - гайд по HTML, CSS и Wordpress

Автор: Nate Cooper
Год издания: 2014

Скачать для ознакомления

#html #css #book #english
​​Подборка свежих выпусков подкастов по верстке (и фронтенду в целом)

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

CSSSR: Новости 512 — Angular 9.1, Prettier 2.0, CSS auto, практикуем чистый JS и учимся на карантине
Слушать на SoundCloud

Веб-стандарты: 223. Safari, третьи куки и ваши хранилища, Prettier, быстрые картинки, старые трюки, auto в CSS
Слушать на SoundCloud

UnderJS: Cамый большой changelog от пакетного менеджера Yarn 2, самые быстрые веб сервера, а так-же про грустные асинхронном баги в коде.
Слушать на SoundCloud

#css #js #html #русский
​​Свежие русскоязычные туториалы по верстке

Привет, собрал для вас видеотуториалы, вышедшие за последнюю неделю. Будут полезны начинающим.

- Калькулятор туалетной бумаги на HTML, SCSS и jQuery
Cмотреть на YouTube

- Верстка интернет-магазина техники из PSD макета.
Смотреть на YouTube

- Игра "Час земли" на чистом HTML/CSS
Смотреть на YouTube

#html #css #русский
​Если бы я учил Frontend сегодня. Советы начинающим

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

Читать статью

#html #css #js #русский
🟡Frontend дайджест за неделю c 6 по 12 июля

🔖 Почитать:

▪️ Манипулируй DOM правильно
▪️ [React] Разбираем useId( ) хук под микроскопом
▪️ Не наступил ли у React момент переписывания Angular.js на Angular?
▪️ Как настроить Node.js Express сервер для React
▪️ Как я использую React Hook Form
▪️ Новый перспективный веб-фреймворк Cample.js. Реактивность без VDOM
▪️ Пишем хорошие компоненты, которые захочется переиспользовать, а плохие — не пишем
▪️ Разработка фронтенда ИТ-продукта: какой подход выбрать исходя из задач бизнеса
▪️ Оптимизация Apollo-client
▪️ 8 полезных библиотек React, которые упрощают жизнь разработчику
▪️ Введение в View Transitions API
▪️ Новинки CSS и UI: I/O 2023
▪️ Мои любимые вопросы о CSS с ответами. Версия 2023 года
▪️ Как фронтендеру пройти собеседование: разбор типичных задач и советы от тимлида «РТК ИТ»
▪️ Знакомимся с @scope в CSS
▪️ Разбираемся в REST assured как новичок и не только

👀 Посмотреть:

🌐 JavaScript - Путь самурая. Первые шаги к отладке программы, DEBUG. БЕСПЛАТНЫЙ КУРС IT-KAMASUTRA (⏱ 28:05)
🌐 JS - Путь самурая. Сложная программа, if else, проценты, счётчик. JAVASCRIPT для новичков (⏱ 43:42)
🌐 #1 "Джуны и сеньоры" - Пишем игру на ЧИСТОМ JS (⏱ 22:53)
🌐 Верстка сайта#html #css #js (⏱ 11:10:20)

Хорошего дня!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥8❤7
🌐 Верстка сайта #html #css #js

#посмотреть #junior

Мега-видео на 11 часов по адаптивной верстке

Смотреть на YouTube (~11 часов)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤6🔥4
Шпаргалки для начинающего
верстальщика
HTML/CSS

Автор
: Эберт Елена
Год издания: 2021

#html #css #ru

Скачать книгу
🤔7❤1👍1
Справочник HTML
Кратко, быстро, под рукой

Автор:
Кириченко А.В.
Год издания: 2021

#html #ru

Скачать книгу
😁8