ссылки, которые могут быть полезны

• Web
• Git, Gitlab
• Блоги
• Курсы
• Книги
• Typescript
• Архитектура, паттерны, дизайн
• React
• NextJS
• Инструменты для React
• Алгоритмы, структуры данных, код
• Задачи, подготовка к интервью
• Рецепты, сайты по фронту
• Tools
• Linux
• JavaScript
• CSS
• Backend
• Деплой, ифнраструктура, сборка

Web

• Несколько советов по работе с CORS для начинающих разработчиков
• Ликбез по распространенным Client-Side уязвимостям
• Как работает браузер
• How Internet Works

Git, Gitlab

• Clean Git History, или Тёмная сторона VCS
• Приручаем GitLab: прикольные фишки и инциденты, которые упростят вашу жизнь
• Become a git guru
• Clean Git History, или Тёмная сторона VCS
• Recovering Deleted Files From Your Git Working Tree
• Создание атомарных коммитов в Git
• Чёрт побери, Git!?!
• first aid Коллекция часто задаваемых вопросов по Git с возможностью поиска

Блоги

• Developer Way
• Саша Беспоясов
• Новости 512

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

• Игорь Звягин на Хабре

  Статьи про реакт, хуки, замыкание в реакте

• Dmitri Pavlutin

  Статьи про JavaScript

• Репозиторий Тимура Шемсединова - создатель Метархии. Основы программирования, как работает программирование. Углубленный JS, Node js
• Vladimir Klepov статьи про реакт
• Vladimir Klepov статьи про реакт

Курсы

• FRONTEND УРОВНЯ ТОПОВЫХ КОМПАНИЙ

Книги

• Книги для начинающих разработчиков: от «Чистой архитектуры» до «Паттернов проектирования»
• JavaScript Allonge - функциональное программирование на JavaScript
• The Concise TypeScript Book
• Функционально-Легкий JavaScript
• Репозиторий Тимура Шемсединова - создатель Метархии. Основы программирования, как работает программирование. Углубленный JS, Node js
• Книга «System Design. Подготовка к сложному интервью»
• Основы typescript книга

Typescript

• Учимся писать сложные Typescript типы на примере роутинга в React
• TypeScript в деталях
• React и Typescript: Создание динамического компонента на примере кнопки
• Крутой канал про Typescript
• Понять TypeScript c помощью теории множеств
• Web Workers в JavaScript: Параллельные вычисления и улучшение производительности
• What Removing Object Properties Tells Us About JavaScript
• Typescript: принцип подстановки функций
• TypeScript: infer и conditional types. Продвинутый TS на примерах
• Intermediate TypeScript and React Handbook – How to Build Strongly Typed Polymorphic Components
• Implement Radix's asChild pattern in React
• TypeScript в деталях. Часть 1
<<<<<<< HEAD =======
• Learn Advanced TypeScript Types
• TypeScript в деталях. Часть 1
• React TypeScript Cheatsheets
• Testing Types in TypeScript
• Основы typescript книга
>>>>>>> e9e99e308381c95077ba6376abe5ab6448b26ac8

JavaScript

• Array Grouping in JavaScript: Object.groupBy()
• Все, что вам нужно знать о Proxy в JavaScript
• JavaScript Visualized:Promise Execution
• Паттерны реактивности в современном JavaScript
• Let’s learn how modern JavaScript frameworks work by building one

Архитектура, паттерны, дизайн

• Явный дизайн в разработке приложений
• Пишем хорошие компоненты, которые захочется переиспользовать, а плохие — не пишем
• Низкая связанность и высокое сцепление
• Улучшаем дизайн React приложения с помощью Compound components
• Качество кода
• Гайд по написанию и рефакторингу компонентов, которые хочется переиспользовать
• Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.
• KISS — принцип проектирования, содержащий все остальные принципы проектирования
• Modularizing React Applications with Established UI Patterns
• Decoupling UI and Logic in React: A Clean Code Approach with Headless Components
• Пишем продвинутый планировщик с использованием React, Nest и NX. Часть 1: настройка проекта
• React + Three.js. Создаём собственный 3D шутер. Часть 1
• How React works - тут максимально расписано как реакт работает под капотом
• учебник паттернов
• Tale of Refactor

React

• MobX с MVVM упрощает жизнь Frontend разработчика гораздо сильнее Redux'а
• MobX Cookbook
• Улучшаем дизайн React приложения с помощью Compound components
• Улучшаем дизайн React приложения с помощью Compound components
• You Might Not Need an Effect – React
• Using the React.cloneElement() function to clone elements
• A complete guide to React refs
• ReactJs Examples - примеры различных компонентов на JS
• Разрабатываем библиотеку компонентов с помощью React и TypeScript
• Modularizing React Applications with Established UI Patterns
• Decoupling UI and Logic in React: A Clean Code Approach with Headless Components
• React Advanced: Decoupling your components in the right way
• Vladimir Klepov статьи про реакт
• Code with Antonio - большой блог с видео разработки веб-приложений
• Попытка создать идеальный компонент формы

NextJS

• Next.js. Технология современной веб-разработки
• Как создать YouTube GIF Maker с использованием Next.js, Node и RabbitMQ
• Code with Antonio - большой блог с видео разработки веб-приложений
Алгоритмы, структуры данных, код
• Learn Data Structures and Algorithms
• Алгоритмы и структуры данных на JavaScript
• Репозиторий Тимура Шемсединова - создатель Метархии. Основы программирования, как работает программирование. Углубленный JS, Node js
• 9 алгоритмов сортировки и поиска для JS, о которых вас спросят на собеседовании
• Самые важные знания для программиста. Тимур Шемсединов
• JavaScript: структуры данных и алгоритмы. Часть 1
React Tools
• MobX с MVVM упрощает жизнь Frontend разработчика гораздо сильнее Redux'а
• Intro to MVVM in React (with MobX)
• Как декораторы могут упростить разработку веб-форм Mobx
• Mobx как можно организовать API при помощи декларативных конфигов
• Репозиторий с примерами использования Mobx
• Под капотом у Mobx. Пишем свою реактивную библиотеку с нуля
Задачи, подготовка к интервью,
• Задачи с собеседований
• BigFrontEnd.dev Practice + Prepare = Offer Много интересных задач
• Список тестовых заданий для прокачки Репозиторий с большим количеством тестовых заданий
• Front-end. Вопросы на собеседовании
Рецепты, сайты по фронту
• Front-End development mastery: simple tips, tricks, and best practices
• Mastering DOM manipulation with vanilla JavaScript
• A collection of popular CSS layouts and patterns that you can use right away
• My top JavaScript utilities, in just One Line of Code!
• 30 seconds of code - short code snippets for all your development needs.
• Рекомендации по формам входа в систему
• The Guide To Responsive Design In 2023 and Beyond
• Code with Antonio - большой блог с видео разработки веб-приложений
• Полный гайд по UI-китам: как их создавать, подключать и ничего не бояться
Инструменты
• Insomnia — Инструкция по применению
• 11 хитростей Chrome DevTools
• 11 Useful Frontend Web Developer Web Apps to Boost Productivity
• AI Prompts and Tools
• 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know
Linux
• 85 команд Linux на все случаи жизни
• CMD challenge - тренажер консоли
CSS
• Conditional CSS
• CSS-функции min(), max() и clamp()
• A Few Ways CSS Is Easier To Write In 2023
• Неизвестно полезный CSS
Backend
• содержит список (roadmap) навыков, которые часто требуются backend разработчику
• How to build a Telegram Bot with the GOLANG (PostgreSQL)
• Go database/sql tutorial
• Как работать с Postgres в Go: практики, особенности, нюансы
• REST API with Go, Chi, MySQL and sqlx
• How to build a Telegram Bot with the GOLANG(PostgreSQL
Деплой, инфраструктура, сборка
• How to Choose a Deployment Strategy for Your Next.js Application