​​Я впервые использую однофайловые компоненты для своего сайта:

Видеокурс по CSS Flexbox

12 небольших видео, которые расскажут вам всё, что необходимо знать о CSS Flexbox:

https://tprg.ru/xJFd

#css #видео

​34 VS Code-расширения для повышения производительности

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

https://tprg.ru/WYT5

#vscode

React в 3D: как использовать react-three-fiber

Популярная JavaScript-библиотека Three.js позволяет работать с 3D-графикой и анимацией, про неё слышали многие. Но знаете ли вы, что существует библиотека, которая объединяет в себе возможности React и Three.js?

Называется эта библиотека react-three-fiber и в этой статье автор показал, как с ней работать:

https://tprg.ru/tuQb

#react #фронтенд

Шпаргалка по JS-методам для работы с DOM

Если вы только учитесь работать с DOM или же просто редко обращаетесь к ванильному JavaScript, используя различные библиотеки и фреймворки, то сохраните себе эту шпаргалку. Здесь ёмко и понятно рассмотрены основные методы работы с DOM:

https://tprg.ru/LY8a

#javascript #фронтенд

Эту программу придётся долго переписывать. А можно подписаться на канал Точка входа в программирование и научиться писать качественный код.

Точка входа здесь: @prog_point

Видимо, альтернативного текста к картинкам недостаточно

​Почему WordPress — №1 в стеке технологий для вашего следующего проекта

На сегодняшний день на WordPress работают миллионы сайтов. Эта система позволяет сделать практически любой сайт — хоть лендинг, хоть интернет-магазин.

В этой статье мы рассказываем почему WordPress может стать основой вашего следующего проекта:

https://tprg.ru/02rd

Как создавать, редактировать и анимировать SVG в одном месте с помощью SVGator 3.0

Создание SVG-анимации интересная, но довольно сложная задача без удобного инструмента.

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

https://tprg.ru/JbOc

#фронтенд #svg

​Прин­цип мо­за­и­ки, или как сде­ла­ть JavaScript по-на­сто­я­ще­му мо­дуль­ным

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

Подробнее можно прочитать здесь:

https://tprg.ru/2kI1

#javascript

​Работа со строками в современном JavaScript

Знали ли вы, что строкам можно добавлять дополнительные свойства? Это возможно, если создать строковый объект, а не примитив. Кстати, а вы знаете, что это разные вещи?

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

https://tprg.ru/wdDI

#javascript

И новейшие версии браузеров у всех пользователей, пожалуйста

Полное руководство по CSS Медиа-запросам с примерами

Джой Шахеб в очередной раз радует нас полезными и красивыми шпаргалками-руководствами. Ранее мы публиковали руководства по CSS-свойству background, CSS Flexbox и Grid Layout.

В этот раз он с помощью понятных примеров и красивых картинок объяснит, как работают медиа-запросы:

https://tprg.ru/C1xa

#фронтенд #css

Анимированные погодные карточки на CSS

Этот CodePen-проект предлагает вашему вниманию пять карточек, отображающих ту или иную погоду. Выполнены они на чистом CSS с использованием препроцессора SASS. Такие карточки можно применить в каком-нибудь проекте для портфолио, прикрутив их к реальным данным какого-нибудь API.

С кодом можно ознакомиться тут:

https://tprg.ru/tq2K

#codepen #css

​Вышел Sublime Text 4 с поддержкой ARM-чипов и GPU-рендерингом

Хорошие новости для поклонников Sublime Text. В новой версии редактора изменили UI, добавили поддержку ARM-чипов, чтобы вы могли запускать его на новейших устройствах Apple, а также GPU-рендеринг, который поможет при работе с высоким разрешением.

Это не все важные особенности новой версии, подробнее здесь:

https://tprg.ru/uxOC

10 забавных расширений VS Code для разработчиков

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

Но в этот раз не совсем стандартная подборка — здесь представлены 10 расширений, которые не то чтобы необходимы, но могут разнообразить разработку, помочь отвлечься или сделать VS Code более привлекательным:

https://tprg.ru/ZS7u

#vscode

​Создание виртуальной реальности с помощью React 360

Для JavaScript появился фреймворк, который позволяет создавать интерактивные приложения с возможностью обзора на 360 градусов прямо в браузере. Называется он React 360.

В этой статье вы можете подробнее узнать о нём:

https://tprg.ru/1HMp

#javascript #фронтенд

Паттерны отложенной инициализации свойств объектов в JavaScript

В JavaScript существуют несколько паттернов, которые позволяют снижать нагрузку на систему. Они позволяют отложить инициализацию свойств объектов, используя дескрипторы доступа.

В этой статье вы узнаете о четырёх таких паттернах:

https://tprg.ru/pymM

#javascript

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

Конектитесь: @make_game

Бонус в комментариях ⬇️