Изучение TypeScript — Полное руководство для начинающих

Оригинал шпаргалки и перевод серии руководств для начинающих в TypeScript👇:

— Часть 1. Введение и примитивные типы данных
— Часть 2. Ссылочные типы данных
— Часть 3. Классы и интерфейсы
— Часть 4. Литералы и дженерики
— Часть 5. Строгий режим и сужение типов

👉 @byFrontDeveloper | #ресурсы

Свой сайт на Wordpress: легко, быстро, бесплатно

Автор: М. Козодой
Год издания: 2022

⬇️ Скачать книгу

➡️ @byFrontDeveloper | #книги

TypeHero — платформа для изучения TypeScript на практике с готовыми задачами и возможностью создания собственных задач

⛓Ссылка: here

➡️ @byFrontDeveloper | #ресурсы

React. Сборник рецептов. Практические приемы работы с фреймворком React

Авторы: Дон Гриффитс, Дэвид Гриффитс
Год издания: 2023

⬇️ Скачать книгу

➡️ @byFrontDeveloper | #книги

Курс «Настройка VS Code для разработчика»

Я покажу лучшие темы для Visual Studio Code, а также топ расширений для javascript, react и php разработки. Основная задача моей настройки это создать минималистичный интерфейс, чтобы ничего не отвлекало от разработки. Я думаю у меня это получилось. Надеюсь вам понравится мой вариант настройки VS Code.

📺 Cсылка на курс: YouTube

➡️ @byFrontDeveloper | #курсы

DevTools: советы и трюки

📖 Читать: ссылка

➡️ @byFrontDeveloper | #cтатьи

30 дней JavaScript 👩‍💻

30 дней программирования на JavaScript - это пошаговое руководство по изучению языка программирования JavaScript за 30 дней.

Эта задача может занять более 100 дней, пожалуйста, просто следуйте своему собственному темпу. 💪

⛓Ссылка: here

➡️ @byFrontDeveloper | #ресурсы

Вопросы для собеседования по JavaScript 😊

Цель этой книги - помочь javascript-фронтенд-разработчикам подготовиться к техническим собеседованиям, используя коллекцию тщательно составленных вопросов.

⛓Ссылка: here

➡️ @byFrontDeveloper | #ресурсы

ТОП горячих клавиш VS Code для начинающего джуна

В комментариях оставил шпаргалку по хоткеям ❤️

📖 Читать: ссылка

➡️ @byFrontDeveloper | #cтатьи

Верстка сайта по макету из Figma

Мини-курс полностью посвящен практике. В течении 9 уроков вы с нуля по макету из Figma научитесь создать верстку сайта. Я покажу шаг за шагом как создается адаптивная верстка сайта.

В данном курсе я расскажу как сформировать портфолио и загрузить его на бесплатный хостинг GitHub Pages. Вы создадите верстку сайта самостоятельно и добавите эту работу в свое портфолио.

📺 Cсылка на курс: YouTube

➡️ @byFrontDeveloper | #курсы

Я подготовил для вас краткую шпаргалку по единицам CSS.

Приятного использования! 💀

➡️ @byFrontDeveloper | #ресурсы

Самая большая шпаргалка по UX

Найден невероятный ресурс для UI/UX-дизайнеров. В нем вы найдете все о

⏩Типографика
⏩ Принципы дизайна
⏩ Процесс проектирования
⏩ Визуальный и пользовательский дизайн
⏩ ИсследованиеUX
⏩ ЗаконыUX
и многое другое

⛓Ссылка: here

➡️ @byFrontDeveloper | #ресурсы

➡️ @byFrontDeveloper | #мемы

40 незаменимых шпаргалок для веб-дизайнеров и разработчиков 🔥

⛓Ссылка: here

➡️ @byFrontDeveloper | #ресурсы

Создаем динамические веб-сайты на PHP. 4-е межд. изд.

Автор: Татро Кевин, Макинтайр Питер
Год издания: 2021

⬇️ Скачать книгу

➡️ @byFrontDeveloper | #книги

Container Queries в действии

Медиазапросы, которые могут применяться на основе размера родительского элемента, а не всей области просмотра

HTML, используемый в этом примере:

<button class='responsive-button'>
  <img src='cart.png' alt='...'>
  <span class='text'>ADD TO CART</span>
</button>

Сначала мы объявляем элемент кнопки контейнером, а затем добавляем запрос контейнера, указывающий, что если ширина кнопки меньше некоторого определенного значения, текст должен быть скрыт

➡️ @byFrontDeveloper | #tips

Паттерны проектирования jаvascript

Автор: Ди Франческо Уго
Год издания: 2025

⬇️ Скачать книгу

➡️ @byFrontDeveloper | #книги

Тестирование React-приложений на практике

Запись 5-часового воркшопа о TDD и тестировании React приложений, в рамках которого Александр Беспоясов написал конвертер валют и покрыл его тестами. Вы узнаете, как:

⏩ Выделять и тестировать бизнес-логику
⏩ Разделять код на модули так, чтобы их было удобно тестировать
⏩ Применять разные стратегии моков, готовить стабы и тестовые данные
⏩ Тестировать сайд-эффекты и React-хуки
⏩ Работать с асинхронными функциями и тестировать их
⏩ Подключать сторонние библиотеки через адаптеры для удобного тестирования

📺 Cсылка на курс: YouTube

➡️ @byFrontDeveloper | #курсы

🈳 Отличный источник после изучения официальной документации по React

Основные темы включают:
🟡Frameworks & Build Tools
🟡 Project Standards for High-Quality Code
🟡 Ecosystem
🟡 Accessibility & Semantics
🟡 Styling & UI Libraries
🟡 Proficiency with the Hooks API
🟡 State Management in React Applications
🟡 React Performance & Optimization

⛓Ссылка: тут

➡️ @byFrontDeveloper | #ресурсы