Использование async и defer для управления скриптами

В мире веб-разработки оптимизация времени загрузки страниц имеет решающее значение. Два мощных атрибута тега <script> — async и defer — могут существенно повлиять на производительность сайта. Давайте начнём с основ и узнаем, что делают эти атрибуты и когда их следует использовать.

Подробности.

#javascript #html

Полезные материалы по веб-разработке

Энтузиаст собрал в одном месте огромную подборку материалов по HTML, CSS, JavaScript, React, а также сервисы и программы, которые пригодятся веб-разработчику. Сохраняйте в закладки, чтобы не потерять.

#подборка

Создаем React с нуля

В этом гайде содержится инструкция по созданию аналога React с нуля. Вряд ли вы станете использовать его в реальных проектах, но зато узнаете, как устроены основные функции и возможности библиотеки. Помимо гайда внутри вы найдёте ссылку на GitHub с готовым кодом.

Подробности: https://www.rob.directory/blog/react-from-scratch

#react #туториал

Делаем красивые переносы текстов и иконок в одну строку

Часто бывает, что нам нужно расположить текст или значки в несколько строк, но перенос происходит не в том месте, где бы нам хотелось, оставляя часть строки «висеть» в воздухе.

На самом деле это можно исправить всего одной строкой в CSS. Достаточно добавить text-wrap: balance и перенос будет более равномерным.

Да, не все знают, что это свойство, несмотря на название, работает не только с текстом, но и вообще с любым содержимым, которое можно выравнять таким образом.

Главное, перед использованием проверьте, что свойство поддерживается там, где вы его будете применять.

#совет #css

Полезные ИИ для веб-разработчиков

Вчера в открытом доступе появилась китайская нейросеть DeepSeek, новость о которой обвалила фондовый рынок США Чуть ранее вышло обновление китайской Qwen2.5-Plus, которая якобы ещё мощнее, чем DeepSeek и ChatGPT. Они обе бесплатны и неплохо справляются с написанием кода, это админ проверил лично.

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

Изучаем и выбираем инструменты для себе по ссылке: https://habr.com/ru/companies/timeweb/articles/873430/

P.S.: так как исследование проводилось до выхода китайских «убийц OpenAI», они в исследование не попали.

#ml #ии

Чек-лист по Node.js для новичков: обработка ошибок

Ошибки в коде неизбежны, но в Node.js их неправильная обработка может привести к серьёзным последствиям: утечки данных, падение приложения или даже зависание сервера. Поэтому умение правильно работать с ошибками — это не просто полезный, а необходимый навык для каждого разработчика.

В этой статье подробно разбираем основные виды ошибок, способы их обработки и самые частые ошибки новичков. Всё на примерах и без лишней теории.

#шпаргалка #nodejs #советы #ru

Шпаргалка по всем шпаргалкам — настоящая находка для любого разработчика

Сервис насчитывает около 6 000 разнообразных шпаргалок в картинках: по программированию и разработке, обучению, играм и домашнему быту.

Т.е. кроме классических шпаргалок по типу регулярок и SQL, тут можно найти шпаргалки по кофейным напиткам, командам в Minecraft и даже французской грамматике.

Сайт, который точно должен быть в ваших закладках

#шпаргалка

Почему плохие сайты продают лучше

Как вам сайт на картинке? Удивитесь, но такой сайт может приносить конверсий больше, чем «вылизанный» и оформленный максимально современно.

Как такое возможно, мы рассказали в нашей новой статье.

Небольшой лайфхак, как избежать ненужных useEffects, когда пишешь на реакте.

#react

Компилятор WebAssembly, который помещается в один твит

192 байта. Это не просто рандомное число, а размер компилятор WebAssembly, который умещается в одном твите. Авторы статьи, чей перевод я принёс вам сегодня, добились такого результата, глубоко изучив WASM.

Вам же не обязательно так глубоко погружаться в технологию. Благодаря этой статье, вы сможете узнать некоторые фишки, которые сильно облегчат вес вашего кода.

#wasm

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

Найден самый быстрый сайт в интернете

Сайт магазина по продаже различных строительных инструментов работает просто мгновенно. Убедитесь сами тут.

Парень, который его обнаружил и проанализировал сперва просто оставил комментарий в Twitter:

After a quick look:

· Agressive pre-loading pages on hover
· fixed image dimensions - there is no layout shift when they load
· Dependency Injection - only loading the JS needed on the pages where its needed
· Uses pushstate to change pages so it feels faster than a full reload
· agressive CDN and browser caching
· Server rendered HTML (ASP‍.net)

Funny enough they load almost a meg of JS (YUI and jQuery) but you dont notice because it feels so snappy

А потом сделал и полноценный видеоразбор. Его мы загрузили сюда, чтобы вам не мучаться с VPN. Смотрите и мотайте на ус, так сказать.

10 реальных вопросов с собеседования JavaScript-разработчика с ответами

Техническое собеседование — одно из самых стрессовых событий в карьере айтишника. Причём боятся его не только джуны, но и опытные разработчики. Ведь из-за волнения можно забыть ответы на элементарные вопросы.

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

#javascript

CSS-фреймворк в стиле CS 1.6

Любители контры на месте? Специально для вас я нашёл и принёс UI-библиотеку, сделанную в духе знаменитого шутера. Инструкция по установке и все возможные стили ждут вас здесь:

https://cs16.samke.me/

Не знаю, где вы ей найдёте применение, но очень хотелось бы на это посмотреть. Поэтому, если где-то её используете, поделитесь потом в комментариях к посту.

#библиотека #css #ui