Я полагаю, вы знакомы с инструментами разработчика браузера Chrome. Мы можем использовать его для просмотра сетевых запросов, анализа производительности веб-страницы и отладки последних функций JavaScript. В дополнение к этому, он также предоставляет множество мощных, но необычных функций, которые могут значительно повысить эффективность нашей разработки! Давайте посмотрим
ПодробнееДанная статья поможет улучшить взаимодействие между дизайнерами и верстальщиками для минимизации ошибок и повышения продуктивности работы. Работа богата практическими примерами. Она будет полезна специалистам разного профиля. Дизайн является основой качественной верстки и помогает успешно продолжить создание веб-приложения. Читать далее
ПодробнееЭта статья является продолжением моего «крестового похода» против ветряных мельниц убогих современных тенденций в разметке и оформлении веб-приложений (статья1, статья2). И, поверьте — солидная ее часть — это толерантная, такая, чтобы никоим образом не нарушить NDA, переработка реального доноса код-ревью кода важного боевого проекта для руководства одной из команд в которых мне приходилось участвовать. До этого момента я породил уже три достаточно злых, токсичных длиннопоста для сообщества,
ПодробнееВ иерархии фронтенд-разработки верстальщики располагаются где-то здесь: Фронтенд-разработка в 2020, холст, масло В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось. Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования…
ПодробнееСохраните в закладки сейчас, скажите спасибо через год. В конце каждого этапа — ссылки для внеклассного чтения. 1. Познакомьтесь с веб-разработкой Продолжительность этапа: 1 месяц. Что изучить на этом этапе. Структуру HTML. Отличия фронтенда и бэкенда. Разметку и оформление текста. Как размечать страницу по макету. Как ставить ссылки и вставлять изображения. Основы CSS — правила, селекторы, свойства и каскадирование. Хотя бы немного…
Подробнее