Что почитать. Фаулер Мартин «Рефакторинг кода на JavaScript. Улучшение проекта существующего кода»

В этой книге на простых примерах объясняется суть рефакторинга, его необходимость, а также как понять, когда пора обновить существующий код. Здесь вы найдёте огромное количество функциональных примеров и методов по работе с кодом на JavaScript.

Книга пригодится как начинающим, так и опытным разработчикам.

#книги

Flash скромно постучал из-подо дна

​9 пет-проектов для начинающих JavaScript-разработчиков

Не знаете на чём попрактиковаться? В этой подборке вы найдёте девять идей проектов с советами и подсказками по реализации, которые позволять вам прокачать свои навыки и расширить портфолио:

https://tprg.ru/DF3f

#javascript

​5 продвинутых шаблонов React на пальцах

В этой статье рассмотрены 5 шаблонов React, или, если хотите, паттернов, разработанных сообществом, которые помогут вам проще создавать различные компоненты и работать с ними. Помимо описания самих шаблонов, здесь указаны их плюсы и минусы:

https://tprg.ru/uOx6

#фронтенд #react

​25 советов по Vue, которые вам нужно знать

Vue достаточно простой в освоении фреймворк, несмотря на его мощь. Но даже тут можно наломать дров. Изучите эти советы, чтобы работать с Vue вам было комфортно и не делать ошибок:

https://tprg.ru/lcgN

#фронтенд #vue

​6+5 способов сделать две колонки

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

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

https://tprg.ru/N4Q9

#видео #фронтенд

И в итоге просто копипастишь код из его репозитория

​Настраиваемые стили для переключателей и чекбоксов

Скотт Охара рассказывает, как правильно стилизовать переключатели и чекбоксы для достижения максимальной доступности и кроссбраузерности:

https://tprg.ru/o3iW

#фронтенд #html #css

​Школьник разработал файловый менеджер на TypeScript

Ученик средней школы из Индонезии поделился своим проектом, который уже успели оценить многие. Он представил кроссплатформенный бесплатный файловый менеджер с открытым исходным кодом, созданный на связке TypeScript, HTML, CSS и платформы Electron.

Проект Xplorer запускается на любой платформе, позволяя осуществлять предварительный просмотр файлов, включая видео, а также взаимодействовать с терминалом.

Подробнее:

https://tprg.ru/7mkv

#typescript

​React для начинающих: какие компоненты лучше — классы или функции?

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

https://tprg.ru/xH10

#react

Как создать CSS-рисунок

Здесь вы узнаете, как легко создавать различные рисунки с помощью CSS. На самом деле ничего сложного, нужно просто понять принцип разделения элементов рисунка и некоторые хитрости.

https://tprg.ru/Pycf

#css

​Джуниор фронтендер vs. Стажёр бэкендер:

​Крутые эффекты наведения в стиле глассморфизма на CSS и JavaScript

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

https://tprg.ru/8MQT

#видео

​10 идей для проектов музыкальных плееров на Vue.js

Если вам пока что не хватает навыков для создания собственного проекта полностью с нуля, то обратите внимание на эту статью. Здесь вы найдёте 10 различных музыкальных плееров, которые реализованы на Vue. Все проекты рабочие, ими можно пользоваться, а также можно изучить их код и постараться повторить.

Подробнее:

https://tprg.ru/JM89

#фронтенд #vue

Как написать собственное правило ESLint

Пользуетесь линтерами? Тогда эта статья вам пригодится. Пошаговая инструкция по написанию кастомных правил для ESLint и добавления их в проект:

https://tprg.ru/EraR

​Запись с онлайн-конференции PWA Summit 2021

На днях состоялась онлайн-конференция PWA Summit 2021, посвящённая PWA-разработке. На ней были представлены множество докладов по теме.

Если вы пропустили или не успели попасть но неё, то здесь вы найдёте полную запись:

https://tprg.ru/5iZu

#видео

​Поэтапное создание рабочей контактной формы в Next.js

Посмотрите, как создать контактную форму для сайта, которая направит вам e-mail. В этом случае пользователю не нужно копировать ваш e-mail адрес или открывать новое окно для отправки электронного сообщения. Ему достаточно ввести данные непосредственно в форму, чтобы вы получили это сообщение на свой почтовый адрес, как только оно будет отправлено.

https://tprg.ru/jats

Основные инструменты Kubernetes в 2021 году

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

Подробнее в статье:

https://tprg.ru/Tt90

#devops #kubernetes

Сюрприз

​Создание аккордеонов без лагов даже для слабых устройств

Автор статьи поделился двумя способами, которые позволяют реализовать аккордеон, который будет работать плавно даже на слабых устройствах.

Подробнее:

https://tprg.ru/5xUM