*? *Frontend *?*?*?* дайджест за неделю c 8 по 14 декабря

? Почитать:**

*▪️"Сообщаются ли ваши тесты?"*: Обсуждается важность тестирования и его роль в разработке.
*▪️"Vue state management: Pinia stores или composables с глобальными рефами?"*: Анализируется управление глобальным состоянием в Vue 3.
*▪️"Эмуляция бэкенда: как разрабатывать изолированный фронтенд с помощью Mock Service Worker"*: Описывается использование Mock Service Worker в разработке фронтенда.
*▪️"После прочтения применить, или Чистый код на практике"*: Предоставляются советы по написанию чистого кода в React и JavaScript.
*▪️"Наводим порядок в конфигах Webpack": Обсуждается управление сложными конфигурациями Webpack.
▪️"После прочтения применить, или Чистый код на практике": Статья о важности чистого кода в разработке, особенно в контексте React и JavaScript.
▪️"Кастомизируем VS Code для веб-разработки":Обзор полезных настроек и плагинов VS Code для разработчиков JavaScript и React.
▪️"Typescript: принцип подстановки функций": Обсуждение принципов работы с функциями в TypeScript, применимых в React.
▪️"Реализация нейронной сети для соревнования Digit Recognizer на Kaggle и её прикладное использование. Часть №2":Продолжение серии статей о разработке нейронной сети, связанной с ReactJS.
▪️"Микрофронтенды в SSR: опыт Авито"*: Описание опыта реализации микрофронтендов с серверным рендерингом в Авито.
*▪️"О выборе CMS для сайтовых дел, кратенький обзор Processwire":Обсуждается выбор CMS для создания новостного сайта с акцентом на Processwire.
▪️"Вам не нужен для этого JavaScript":Рассматриваются способы выполнения задач с использованием HTML и CSS вместо JavaScript.
▪️"Оптимизируем шрифты и ускоряем сайт на 5-12%": Обсуждается оптимизация загрузки шрифтов для ускорения работы сайта.
▪️"Тесты производительности фреймворка Cample.js. Отчёт № 0":Анализируется производительность фреймворка Cample.js по сравнению с другими популярными фреймворками.
▪️"Что такое генераторы статических сайтов и почему Astro — лучший фреймворк для разработки лендингов"*: Рассматривается использование SSG-фреймворка Astro для разработки лендингов.

Хорошего дня!

*? *Frontend *?*?*?* дайджест за неделю c 23 по 30 октября

? Почитать:**

▪️ Пишем чистые тесты на JavaScript с использованием принципов BASIC▪️ Как декораторы могут упростить разработку веб-форм▪️ React + Three.js. Создаём собственный 3D шутер. Часть 1▪️ Увеличиваем свою производительность в WebStorm / PhpStorm c помощью шаблонов▪️ Restyle как новый стандарт для создания UI в React Native▪️ Фонетический словарь. Пет-проект в полезное приложение▪️ Web Accessibility в рассказе «A11Y от 0 до NaN»▪️ Как создать сайт на фреймворке Cample.js?▪️ Что нового в Chrome 117?▪️ Tailwind не только для MVP▪️ Как сделать свой UI Kit на Vue 3 + storybook и задеплоить его на npm▪️ Простые правила при работе с растровыми изображениями на каждый день▪️ Типизированные CSS переменные с @property▪️ От нуля до фронтендера (о своем пути простыми словами)▪️ Миграция с Webpack и react-scripts на Vite: Путь к Быстрому и Легковесному React▪️ Как типизировать Vuex Store▪️ Что такое GraphQL*? Посмотреть:*

? TypeScript с 0 до Профи. Полный курс + Практика [2023]? Мое обучение по JavaScript день 24 - Часть 1 от 24 10 2023? Мое обучение по JavaScript день 24 Часть 2 от 24 10 2023? Создаем VK Mini Apps сайт с нуля на React? 37-1. Frontender[1.0] IMG & Picture. Адаптивные изображения. HTML CSS? 24 - Чем плох синхронный код, async await | Backend - Путь СамураяХорошего дня!

*? *Frontend *?*?*?* дайджест за неделю c 02 по 08 октября

? Почитать:*▪️ Миграция с Webpack и react-scripts на Vite: Путь к Быстрому и Легковесному React▪️ Heretic: full stack фреймворк на основе Marko.js▪️ Как типизировать Vuex Store▪️ Кулинарный гид по Vue.js: всё о props▪️ Как декораторы могут упростить разработку веб-форм▪️ Infinite scroll (бесконечный скролл) +Virtualization (виртуализация) на примере ReactJS+ RTK Query▪️ React + Three.js. Создаём собственный 3D шутер. Часть 1▪️ Обновление состояния системы через Server-Sent Events (SSE) без затей▪️ Restyle как новый стандарт для создания UI в React Native▪️ Web Accessibility в рассказе «A11Y от 0 до NaN»▪️ Advanced Custom Fields: Полное руководство▪️ Что такое GraphQL*? Посмотреть:*? Food/Restaurant Website Using HTML CSS and JavaScript | Food Website Using HTML and CSS (⏱ 1:20:21)? TypeScript базовый курс (Практика React + Vite) (⏱ 1:54:18)? УЧИМ JAVASCRIPT И ЧТО-ТО ПИШЕМ НА СТРИМЕ (⏱ 3:07:08)? Решаем чужой код на Codepen. Собеседование по фронтенду (⏱ 1:33:11)? Создание сайта с Parallax эффектом при движении мыши (HTML + CSS) (⏱ 45:20)?* Операции с объектами и массивами в JS. (⏱ 39:31)Хорошего дня!

*? *Frontend *?*?*?* дайджест за неделю c 11 по 17 сентября

? Почитать:**

▪️ Как сделать свой UI Kit на Vue 3 + storybook и задеплоить его на npm▪️ Как создать сайт на фреймворке Cample.js?▪️ Rematch — Redux без шаблонного кода▪️ Утечки памяти в SSR: причины, поиск, устранение▪️ Что бы я хотел знать до переноса 50 000 строк кода на серверные компоненты React▪️ Через тернии к позиции Middle React разработчика▪️ Ускорение в 30 раз — requestIdleCallback▪️ Повышаем продуктивность разработки: магия общей ESLint конфигурации▪️ react-query vs SWR и избавимся ли мы от Redux?▪️ Что нового в Chrome 117?▪️ Добавьте ???=＂????＂ к полю ввода▪️ Дебаты по Tailwind CSS: ещё один классный инструмент, отвергнутый веб-пуристами▪️ Типизированные CSS переменные с @property▪️ Подборка VS Code-плагинов для Frontend-разработчиков и не только*? Посмотреть:*

? Финал Верстки сайта, пишем переключение на JavaScript (⏱ 35:58)? Создай свое приложение билеты в кино по QR с нуля! ? Часть 4 (⏱ 3:29:01)? Создай свое приложение билеты в кино по QR с нуля! ? Часть 5 (⏱ 2:46:32)? Создай свое приложение билеты в кино по QR с нуля! ? Часть 6 (⏱ 5:01:12)? Курс по React JS с нуля / ч.8 - Строим графики с библиотекой Nivo (⏱ 50:48)? Frontender[1.0] Семантика в HTML. Семантические теги (⏱ 20:36)? React Новости. Новый дизайн, рефакторинг, чистый код. React приложение новостей. [7] (⏱ 30:52)Хорошего дня!

?Frontend ??? **дайджест за неделю c 21 по 27 августа

? Почитать:*▪️ RxJS: как операторы высшего порядка упрощают код▪️ Под капотом анимаций в React Native. Часть 2/2: Reanimated and JSI▪️ Подборка VS Code-плагинов для Frontend-разработчиков и не только▪️ JavaScript повсюду или почему веб-технологии захватили мир▪️ DOM, DI и View: деревья в Angular▪️ Лёгкое в использовании глобальное хранилище состояния для React или Next: useGlobalHook▪️ Как запретить разработчику делать не то что нужно?▪️ Зачем писать юнит-тесты на фронтенд?▪️ useCallback в цикле? Мемоизация коллбеков для компонентов в массиве▪️ React starter (Webpack + Typescript + Css modules + Jest)▪️ createAsyncThunk.withTypes()▪️ Вышел Chrome 116▪️ Делай так, и твой адаптив болеть не будет▪️ 5 новинок CSS в адаптивной верстке, которые можно использовать уже сейчас▪️ А давайте убъем все фреймворки?▪️ Готовим микрофронтенды на чистом JS без фреймворков*? Посмотреть:*? JavaScript Live Coding: Demimurych's head roaches (⏱ 2:28:45)? Большое React приложение новостей. Создаем интерфейс приложения (⏱ 37:02)? Курс по React JS с нуля / ч.5 - Состояние приложения (⏱ 49:22)?* Та самая БАЗА в программировании, про которую все говорят (⏱ 21:35)Хорошего дня!

?Frontend ???**дайджест за неделю c 7 по 13 августа

? Почитать:*▪️ createAsyncThunk.withTypes()▪️ DI в JS: идентификаторы зависимостей▪️ React vs Vue vs Angular. Часть 2▪️ Встречайте Next.js Commerce 2.0▪️ bindActionCreators — маленькая утилита, решающая проблемы▪️ Волшебство Drag And Drop: Как динамические дашборды делают жизнь проще. Часть 1. Описание и мотивы▪️ Шина между Веб-воркерами и основным потоком. Ускоряем работу JavaScript▪️ React + Redux/Effector: инструменты frontend-разработчика для создания интерфейса▪️ React useReducer, зачем нужен и как использовать▪️ Open Source решение на React для быстрого создания панели управления в проекте▪️ ChatGPT уже не тот? Тестируем 10 плагинов для чтения URL и грустим▪️ Чем отличается реализация non-keyed от keyed в javascript фреймворках?▪️ Адаптация типографии под пользовательские предпочтения с помощью CSS▪️ React + Styled Components — идеальная анимация. Параметризованная анимация*? Посмотреть:*? JavaScript - Путь Самурая. Объекты (⏱ 51:10)? Задачи JavaScript. Код сортировки выбором. Бинарный поиск с циклом for. (⏱ 21:52)? [ JavaScript ] Переменные (⏱ 52:48)? Введение в TypeScript (часть 1) (⏱ 23:58)? Виктор Вершанский — Типы в прототипах (⏱ 44:39)? Курс по React JS с нуля / Шаблон приложения React JS, стилизация компонентов (⏱ 50:10)?* React JS Crash Course for Beginners - Build 6 Apps in 10 Hours (Tailwind CSS and more) [2023] (⏱ 9:54:56)Хорошего дня!

*?*Frontend *?*?*?* дайджест за неделю c 31 июля по 6 августа

? Почитать:*▪️ Шина между Веб-воркерами и основным потоком. Ускоряем работу JavaScript▪️ Как автоматизировать переводы во Frontend приложении▪️ Внедрение зависимостей в Angular простыми словами▪️ Делай так, и твой адаптив болеть не будет▪️ Open Source решение на React для быстрого создания панели управления в проекте▪️ Использование абсолютных путей в Create React App с помощью Craco▪️ React + Styled Components — идеальная анимация. Параметризованная анимация▪️ Чем отличается реализация non-keyed от keyed в javascript фреймворках?*? Посмотреть:*? Паттерн Debounce и план изучения JS с нуля. Интенсив «Сайт аниме на JS» — Финал (⏱ 1:58:50)? #12 - CSS Text IT HTML CSS JS (⏱ 22:08)? Серверные запросы в JS. Интенсив «Сайт аниме на JS» — день 2 (⏱ 1:12:58)? Живой поиск для сайта на JS. Интенсив «Сайт аниме на JS» — день 3 (⏱ 1:23:44)?* Tailwindcss сборка 2023. (⏱ 30:41)Хорошего дня!

*?*Frontend *?*?*?* дайджест за неделю c 24 по 30 июля

? Почитать:▪️ React + Styled Components — идеальная анимация. Параметризованная анимация▪️ TypeScript 5.2: Новое ключевое слово: 'using'▪️ Web API для Angular▪️ Под капотом анимаций в React Native. Часть 1/2: Animated and Bridge▪️ Считаем 2+2×2▪️ Все что необходимо знать про key в React и даже больше▪️ Ускорить таблицу на React в 1 000 раз, изменив лишь одну строку▪️ 5 интеграций в React: Контент + Дизайн + Разработка▪️ Event Propagation: фазы погружения (capturing) и всплытия (bubbling)▪️ Как мемоизация влияет на производительность React-приложения▪️ Компонентный подход в вёрстке: подробный разбор для джунов и сочувствующих▪️ Манипулируй DOM правильно? Посмотреть:*? Уроки JavaScript для начинающих / Преобразование объектов в примитивы практика (⏱ 25:05)? [10] - Путь Самурая. Математика для программиста, часть 1 (⏱ 34:06)? Пишем Рейтинг или ТОП систему на JavaScript, PHP, MySql | Практика программирования (⏱ 47:07)? Проблемы с тегами, новая версия Node.js и обновление @font-face (⏱ 1:06:35)?* Обработка событий в JS. Интенсив «Сайт аниме на JS» — день 1 (⏱ 1:21:15)Хорошего дня!

*?*Frontend *?*?*?* дайджест за неделю c 17 по 23 июля

? Почитать:*▪️ Исследование производительности анимации на основе скрола страницы▪️ Реализация WebRTC в Node JS. Передача видео с Raspberry PI до Web▪️ 5 интеграций в React: Контент + Дизайн + Разработка▪️ Event Propagation: фазы погружения (capturing) и всплытия (bubbling)▪️ React Content Elements▪️ Асинхронность в JS: как выполнять долгие сетевые запросы без блокирования основного потока▪️ Как мемоизация влияет на производительность React-приложения▪️ Архитектура микрофронтенд с feature sliced design▪️ Mobx: библиотека глобальных сторов (state manager)▪️ Компонентный подход в вёрстке: подробный разбор для джунов и сочувствующих▪️ Вышел Chrome 115▪️ Манипулируй DOM правильно▪️ Сравнение тяжеловесности популярных библиотек UI компонент для Vue 3▪️ Как сделать редизайн сервиса: рассказываем на примере средневекового замка*? Посмотреть:*? Todolist React JS - material UI | Практика JS планировщик Todolist (⏱ 1:09:46)? JavaScript — Ветвление программы, условные конструкции. If else, isNaN. (⏱ 58:21)? Бесплатный вебинар. Как стать Frontend-разработчиком и построить свою карьеру в IT. 18.07.2023 (⏱ 1:36:46)? Программирование: технологии уже не торт (⏱ 1:00:38)?* Функицональное программирование (Александр Иванков, Григорий Бизюкин) (⏱ 1:45:05)Хорошего дня!

?**Frontend дайджест за неделю c 13 по 19 июля

? Почитать:*▪️ React Content Elements▪️ Асинхронность в JS: как выполнять долгие сетевые запросы без блокирования основного потока▪️ Правда ли Astro так быстр, сравнение с Nuxt 3▪️ Работа с единицами системы СИ на JavaScript▪️ ES2023 — что нового в JavaScript?▪️ Архитектура микрофронтенд с feature sliced design▪️ [React] Разбираем useId( ) хук под микроскопом▪️ Как настроить Node.js Express сервер для React▪️ Введение в Astro▪️ Создаем веб-сайт, будто на дворе 1999 год▪️ Манипулируй DOM правильно▪️ React Content Elements▪️ Оптимизация изображений для пользователей с медленным интернетом с помощью Network Information API▪️ Зачем нужно внедрение зависимостей в JS*? Посмотреть:*? Больше практики! Как стать фронтенд разработчиком. Эффективный план обучения frontend (roadmap) (⏱ 34:11)? JavaScript - Путь самурая. Ветвление программы, условные конструкции. If else, isNaN. (⏱ 58:21)? JavaScript - Путь самурая. Prompt, document write, console log. БЕСПЛАТНЫЙ КУРС IT-KAMASUTRA (⏱ 33:37)?* Основы CSS (⏱ 27:30)Хорошего дня!