Верстальщик от бога
13.3K subscribers
970 photos
14 videos
1.25K links
Самый большой канал по верстке в телеграм.

По крупицам собираем frontend-годноту из интернета.

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

По всем вопросам: @godinmedia
Download Telegram
Front-end Developer Handbook 2019

Авторы:
Cody Lindley
Год издания: 2019

Скачать

#css #js #book #english
Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 (5-е издание)

Автор:
Робин Никсон
Год издания: 2019

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

Примеры кода из книги

#html #css #js #book #русский
Верстка HTML/CSS/JS с нуля

Свежий январский стрим (на 4 часа), где подробно и по шагам верстается лендинг-страница из PSD макета. Для начинающих.

Смотреть на YouTube

Ссылка на макет

#html #css #js #psd #русский
Я ❤️ Frontend - запись трансляции

Перед выходными хочу оставить ссылку на запись крутецкой конференции от фронтенд-разработчиков Яндекса. Большинство докладов по верстке. Таймкоды в описании видео.

Приятного просмотра (ну и не забудьте отдохнуть)

Смотреть на YouTube

#html #css #js #русский
Рендеринг веб сайтов 101

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

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

#css #js #browsers #русский
Основы разработки веб-приложений

Автор: Сэмми Пьюривал
Год издания: 2015

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

#html #css #js #book #русский
70 вопросов по JavaScript для подготовки к собеседованию

Знаю, что канал по больше по верстке, но просто не могу обойти эту крутецкую статью стороной. Автор привел (и разобрал!) 70 частых вопросов на интервью на позицию фронта по JS Core. По своему опыту собеседований могу сказать, что процентов 80 того, что у вас спросят по JS (на jun-mid позиции) вы прочитаете в этом материале.

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

#js #русский
​​Браузерные расширения, необходимые каждому веб-разработчику

Хороший материал с подборкой extension-ов, полезных для веб-разработки (и верстки в частности). CSS Scan, JSON View, ColorZilla и многое другое.

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

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

p.s. Если вы знаете какие-то другие полезные расширения для разработчиков, пишите в наш чат
​​CSS-Minsk-JS 2019 - запись докладов

Наступили выходные, и, если найдете свободное время и еще не смотрели, обязательно гляньте записи докладов с последнего CSS-Minsk-JS. Целая куча полезной инфы о современной веб-разработке. На английском языке.

Смотреть на YouTube

#css #js #html #english
​​Я ❤️ Frontend 2020 - запись конференции

Запись свежей конференции по фронтенд-разработке. Эксперты из разных компаний делятся лучшими практиками и последними новостями из мира фронтенда. Таймкоды докладов в описании видео.

Смотреть на YouTube

#js #html #css #русский
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 #русский
YouTube-каналы для начинающих верстальщиков на русском языке

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

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

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

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

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

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

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

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

P.S. Это не рекламный пост. Все ссылки взяты из нашего чата. Если знаете похожие каналы, делитесь в чате вестальщиков.
Изучаем веб-дизайн. Гайд по 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
​​Подборка свежих выпусков подкастов по верстке (и фронтенду в целом)

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

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 #русский
Если бы я учил 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
🌐 Верстка сайта #html #css #js

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

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

Смотреть на YouTube (~11 часов)
Please open Telegram to view this post
VIEW IN TELEGRAM