📰 Weekly #3: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

Обзор нововведений Angular 14, подборка игровых площадок для изучения веб-разработки, 7 полезных расширений VS Code для React-разработчика, анонс самого большого обновления Next.js, лучшие практики по работе с Node.js и многое другое.

📰 Новости

• Релиз TypeScript 4.7
• Релиз Chrome 102
  
• Релиз Mozilla Firefox 100.0.2
• Релиз Safari 15.5
• Релиз Electron 19
  
• Релиз Neutralino.js 4.6
  
• Релиз fast-check 3.0
  
• Релиз Knex 2.1.0
  
• Релиз Cypress 9.7.0
  
• Релиз Storybook 6.5
  

🚀 Подборка игровых площадок для изучения веб-разработки:

1. CSS Diner
2. Codingame
3. Screeps
4. Flex-box Defense
5. Untrusted
6. Dungeons & Developers
7. Elevator-Saga
8. Code Wars
9. CheckiO
10. Pixactly

Angular

• Обзор нововведений Angular 14.
• Видеообзор Angular 14:

React

• 7 полезных расширений VS Code для React-разработчика.
• Уроки React JS с нуля:
  

Vue

• Vue 3: обзор различных вариантов взаимодействия компонентов.
• Книга Fullstack Vue (2018), Автор: Hassan Djirdeh

Цель этой книги – стать единственным наиболее полезным ресурсом по обучению Vue.js . К тому времени, когда вы закончите читать эту книгу, у вас будет все необходимое для создания надежных, мощных приложений на Vue.

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

Next.js

• Анонс самого большого обновления Next.js с момента его появления в 2016 году. Часть 1: обзор новой системы маршрутизации и ее интеграции с компонентами React Server и сбором данных.

JavaScript, CSS и HTML

• Подборка малоизвестных и малоиспользуемых функций CSS в 2022 году, которая составлена с учетом мнения сообщества и личного взгляда автора статьи.
• Современная отзывчивая типографика с использованием CSS clamp: полный гайд от теории к практике. En и Ру.
  
• for-of vs. .reduce() vs. .flatMap(): сравнение трёх способов обработки массивов в JavaScript, которое поможет выбрать наиболее подходящий вариант для вашей работы.
  
• Слайдер, который выглядит одинаково во всех браузерах: разбираем псевдоэлементы и префиксы свойств, на которые следует ориентироваться.
  
• Коллекция сниппетов на JavaScript и CSS для ежедневных потребностей фронтенд-разработчика.
  
• Оптимизация сборки JavaScript с помощью Metro: кейс Airbnb.
  
• 🗓️ JavaScript и HTML: делаем простой календарь за 5 минут
  

• Базовое введение в CSS-градиенты.
• Полезные заметки о манипулировании битами и двоичном представлении чисел с плавающей точкой в JavaScript.
  
• 🎨 100 лучших инструментов веб-дизайнера

• Книга Html, Css & Javascript in easy steps Special Edition (2020), Автор: Mike McGrath.

Книга в простых шагах инструктирует читателя по каждому из трех аспектов веб-разработки, которые используются для создания современных веб-страниц:

✔️ Теги языка разметки гипертекста (HTML)

✔️ Правила каскадных таблиц стилей (CSS)

✔️ Функции JavaScript

TypeScript

• Разбираемся на практике, как не допустить утечки памяти при использовании библиотеки RxJS.

NodeJS

• Лучшие практики по работе с Node.js в одном репозитории.
• Руководство по использованию Vanilla JS + Twilio + Node.js для разработки группового чата.
  
• Собеседование на middle Node.js разработчика:

• Разработка на Node.js в 2022: тренды и приёмы:

Разное

• Аккордеон в вебе или Web Audio API в действии.
  
• Архитектура фронтенд-приложений: обзор различных подходов.
  
• Серия статей с иллюстрациями, из которой вы узнаете основные концепции работы веб-браузеров.
  
• Performance Insights: анонс новой панели Chrome для измерения и анализа производительности загрузки страниц
  

Интервью

• Интервью с преподавателем, программистом, open-source-разработчиком, node-контрибьютером — Тимуром Шемсединовым!

Материалы по теме

• 📰 Weekly #1: новости, подкасты, отборные статьи и обучающие материалы по фронтенду