[Перевод] Итак, на дворе 1997-ой год, и вы хотите создать веб-сайт

[Перевод] Итак, на дворе 1997-ой год, и вы хотите создать веб-сайт

И так вы оказались в 1997 году и вам нужно создать веб-сайт. Какие ваши действия и как вы будете это делать? Читать...

Подробнее
[Перевод] Как работают браузеры. Часть 2: парсинг и выполнение JS

[Перевод] Как работают браузеры. Часть 2: парсинг и выполнение JS

Примечание переводчиков: статья предназначена для начинающих разработчиков и интересующихся разработкой. Здесь нет глубоких технических деталей, хотя, возможно, вы найдете что-то новое для себя. В прошлой статье мы обсудили навигацию и получение данных. Сегодня поговорим о HTML- и CSS-парсинге и выполнении JavaScript. Содержание: 1. HTML-парсинг: — Парсинг — Браузерные движки — Токенизация — Построение DOM — Предварительные загрузчики и ускорение страницы 2. CSS-парсинг: — Токенизация и…

Подробнее
[Перевод] Знакомство с тестированием веб-приложений

[Перевод] Знакомство с тестированием веб-приложений

Даже в случае самой базовой конфигурации по мере добавления новых страниц и функциональности тестировать веб-приложение становится все сложнее. И чтобы помочь начинающим в этом нелегком деле, я написал небольшое вводное руководство. Читать дальше →

Подробнее
Фронтенд-новости №15. CSS становится сложнее, VITE 3.0, самый высокий сайт в мире

Фронтенд-новости №15. CSS становится сложнее, VITE 3.0, самый высокий сайт в мире

Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 11–17 июля. Читать далее

Подробнее
Фронтенд-новости №14.Bun: новая среда выполнения JavaScript, руководство по созданию форм, «Дней без ошибок в коде: 0»

Фронтенд-новости №14.Bun: новая среда выполнения JavaScript, руководство по созданию форм, «Дней без ошибок в коде: 0»

Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 4–10 июля. Читать далее

Подробнее
Как я перешел из нефтянки в IT за 1 год

Как я перешел из нефтянки в IT за 1 год

Меня зовут Багрянцев Максим, бывший сотрудник компании Роснефть, в настоящее время являюсь frontend developer в компании Mechanica. Привет, Хабр! Хочу поделиться своим жизненным опытом с теми людьми, кто еще сомневается идти ли в IT или оставить все как есть. Написать данную статью меня сподвигла сама идея помочь читателю определиться с выбором, так как я хорошо понимаю на сколько трудно решиться кардинально сменить сферу деятельно и начать все с чистого листа. Я же когда принимал…

Подробнее
Фронтенд-новости №13. Релиз Vue 2.7, табы против пробелов Prettier, W3C — некоммерческая организация

Фронтенд-новости №13. Релиз Vue 2.7, табы против пробелов Prettier, W3C — некоммерческая организация

Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 27 июня–3 июля. 📔 Вышел Vue 2.7 «Naruto». 📔 Большое обсуждение, что использовать в prettier — табы или пробелы. 📔 W3C станет некоммерческой организацией, представляющей общественные интересы с января 2023 года. Что там у вас ещё

Подробнее
С чего начать карьеру в IT: лайвы HTML Academy в июле

С чего начать карьеру в IT: лайвы HTML Academy в июле

Привет, Хабр! Мы не знаем, как у вас, но в Питере жара. Мозги плавятся настолько, что тяжело отличить джаву от джаваскрипта, а вместо foo хочется в bar. Но мы всё-таки сделаем усилие и расскажем всем желающим о самых легких путях во фронтенд. Потому что о том, зачем туда идти, все уже знают и посмеиваются над этим постом со своих гамаков и шезлонгов. Читать далее

Подробнее
[Перевод] Фронтенд-разработка: ключевые технологии и понятия

[Перевод] Фронтенд-разработка: ключевые технологии и понятия

Когда вы гуляете по городу, что вы видите? Взгляд часто останавливается на стильных витринах, созданных с целью привлечь внимание. Вы выбираете самую красивую из них и заходите внутрь. То же самое происходит и в интернете. Блуждая по интернету в поисках необходимого, вы натыкаетесь на самый подходящий на первый взгляд сайт и заходите на него. Но если витрины прозрачны и показывают, что находится внутри, приглашают рассмотреть товары поближе, то для сайтов все немного иначе. Что…

Подробнее
Фронтенд-новости №12. Вышел EcmaScript 2022, фавиконки в 2022, как будет выглядеть веб только с Chromium

Фронтенд-новости №12. Вышел EcmaScript 2022, фавиконки в 2022, как будет выглядеть веб только с Chromium

Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 20–26 июня. 📔 EcmaScript 2022. 22 июня 2022 года 123 Генеральная ассамблея Ecma утвердила спецификацию языка ECMAScript 2022 — теперь он официально является стандартом. Внутри все новинки. 📔 Как создавать иконки сайтов в 2022 году — всё о favicon. Пришло время переосмыслить то, как мы создаем набор иконок для современных браузеров, и остановить безумные генераторы. 📔 Как будет выглядеть веб только с Chromium?.

Подробнее
Еще один способ использовать SVG в React. На этот раз удобный

Еще один способ использовать SVG в React. На этот раз удобный

SVG-изображения можно вставлять непосредственно в html, можно использовать символьные спрайты, теги , и даже . Можно подключать SVG через data-url, css-backgrounds, css-filters и еще множеством способов. Но чтобы полноценно использовать всю суперсилу SVG, необходимо вставлять SVG-изображения непосредственно в html-разметку. Хотя на самом деле есть еще один способ. И он удобный. Читать далее

Подробнее
Фронтенд-новости №11. JQuery живее всех живых, замена CAPTCHA, вариативные шрифты в Figma

Фронтенд-новости №11. JQuery живее всех живых, замена CAPTCHA, вариативные шрифты в Figma

Дайджест новостей и полезных статей из мира фронтенд-разработки c 13 по 19 июня. Главное на 20 июня Замените CAPTCHA на Private Access Tokens Исследователи: мы изучили 1 000 000 сайтов и видим, что jQuery самый популярный, а вы говорите, что не используете его. В Figma появились вариативные шрифты Другие новости о доступности, спецификациях, вёрстке, JavaScript и Node.js внутри дайджеста. Что там у вас ещё

Подробнее