​HTML и CSS Hell

Научиться верстать, используя HTML и CSS не так уж и сложно. Куда сложнее делать это правильно.

Ниже вы видите две ссылки, где собраны самые неудачные способы вёрстки различных элементов, а также примеры более удачных решений:

CSS Hell: https://tprg.ru/gT8f

HTML Hell: https://tprg.ru/SMal

#html #css

Удобное создание красивых графиков с Chart.js

Chart.js — популярная библиотека JavaScript, которая позволяет очень быстро и удобно создавать различные графики и диаграммы на сайте, используя Canvas.

Здесь вы найдёте подробную документацию, примеры и ссылку на GitHub:

https://tprg.ru/yhDN

#javascript #библиотека

Не всё то JavaScript, что Java

​CSS — это строго типизированный язык

Интересная статья-рассуждение, где автор объясняет почему CSS это строго типизированный язык программирования, а также другие аспекты языка:

https://tprg.ru/ReqI

#css

jq: утилита для обработки JSON в командной строке

При отладке REST API бывает необходимо сделать запрос, получить ответ и сразу его проанализировать, выделив необходимые объекты и поля JSON. Для этого существуют различные инструменты, позволяющие делать запросы быстро и просто прямо через командную строку.

jq — один из таких инструментов:

https://tprg.ru/f1Fb

#json

​10 расширений для Chrome, которые упростят жизнь веб-разработчика

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

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

https://tprg.ru/ZmpG

Полезные сниппеты GitHub Actions

В этом репозитории GitHub собраны полезные советы и сниппеты по работе с GitHub Actions, которые могут вам очень помочь:

https://tprg.ru/Zo97

#github

Поэтому JavaScript-разработчики никогда не спят

​Google выпустила инструмент для написания скриптов на JavaScript вместо Bash

Google ZX — это пакет-надстройка для child_process, которая позволяется писать bash-скрипты на JavaScript. Такой скрипт получается более читаемым, удобным и простым в написании по сравнению со стандартным синтаксисом.

Посмотреть примеры кода и инструкцию по установке инструмента можно тут:

https://tprg.ru/f2aq

#javascript

Ленивая загрузка в Angular

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

В этой статье вы увидите, как реализовать ленивую загрузку с помощью Angular на простом примере:

https://tprg.ru/RjnK

#angular

​Кастомные типы данных в TypeScript: валидация на этапе компиляции

Благодаря TypeScript у нас есть возможность использовать строгую типизацию и некоторые другие особенности, недоступные JavaScript, при этом продолжая работать с JavaScript.

В этой статье вы узнаете о кастомных ошибках компиляции, способах использования дженериков, множествах типов и type map`ах:

https://tprg.ru/hJN4

#typescript

Inliner: VSCode-расширение для чтения и исправления кода без необходимости переключаться между файлами

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

Пока работает с JavaScript и Python, но обещают поддержку и других языков.

https://tprg.ru/wnLv

#vscode

Связующее звено между кухней и желудком

Пятничная викторина уже здесь! Сможете ответить правильно?

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

#викторина

Браузерный 3D FPS-шутер на Three.js, Vue и Blender

Современный JavaScript и браузеры способны на многое. И если необычные анимации и механики на сайте уже не особо удивляют, то полноценный 3D—шутер во вкладке смотрится интересно.

Автор этой статьи рассказал, как он сделал такой шутер и оставил ссылку на него, чтобы вы могли и сами попробовать:

https://tprg.ru/hQtY

#vue

​Как создать таблицу с 1 миллионом записей с помощью одного запроса

Хотите понять как будет вести себя ваш код при работе с большой БД, но такой у вас нет? В этой статье автор рассказывает, как с помощью всего одного запроса можно создать таблицу нужного вам размера:

https://tprg.ru/tOVh

#sql

Кнопка отправки

Эта кнопка для отправки чего бы то ни было выполнена с использование библиотеки GSAP и SVG-изображений. Не слишком броская, но красивая. Такую кнопку можно использовать, например, для формы обратной связи на сайте.

Здесь вы можете посмотреть код и попробовать кнопку:

https://tprg.ru/TUP1

#codepen

​Как создать действия для выделенного текста с помощью API выделения

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

В этой статье вам расскажут, как вы можете добавить такую возможность с помощью JavaScript Selection API:

https://tprg.ru/eJlO

#фронтенд #javascript

​Экосистема Vue

Vue имеет богатую экосистему, включающую в себя, как основные библиотеки, предоставляемые авторами Vue, так и дополнительные инструменты и сервисы, ещё больше упрощающие разработку.

В этой статье автор рассказал, что существует на данный момент и для чего это всё необходимо:

https://tprg.ru/h5nz

#vue