Руслан Куянец | Reactify – Telegram
Руслан Куянец | Reactify
5.83K subscribers
704 photos
52 videos
39 files
287 links
Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT.

Менторство:
https://reactify.ru

YouTube канал:
https://youtube.com/@reactify-it

YeaHub:
https://yeahub.ru/

Связь:
@ruslan_kuyanets
Download Telegram
Может превью поменять? Какое на ваш взгляд самое норм?
👌4🔥2😢1
Может такую? Типо ТС всех защищает? Как вам?
👍10🔥3🤯1😢1👌1
Короче, извините за спам. Ни мне, ни вам? Делаю такую превью? Или оставить рыцаря?
🔥10
TypeScript с 0 до Профи. Полный курс + Практика [2023]

Видео уже на канале!

Превью без рыцаря, как проголосовало большинство.

Надеюсь видео поможет вам освоить TypeScript

И наберет хотябы 1000 просмотров😄
🎉12🔥4👍3
📹 Reactify YouTube
https://youtube.com/@reactify-it

🎓 Reactify Academy
https://academy.reactify.ru

🤝 Reactify Community
@reactify-community
Please open Telegram to view this post
VIEW IN TELEGRAM
Руслан Куянец | Reactify pinned «📹 Reactify YouTube https://youtube.com/@reactify-it 🎓 Reactify Academy https://academy.reactify.ru 🤝 Reactify Community @reactify-community»
Темы из видео:

0:00 - Введение. Для чего нужен.
1:15 - Как начать. Компиляция. Файлы и настройки
6:40 - Виды типизаций (Сильная, слабая, явная, неявная...)
9:40 - Структурная типизация. (Утиная)
11:05 - Типы данных
12:35 - Анотация типов
12:52 - Enum (Перечисления)
15:15 - Интерфейсы и Типы (Введение)
18:48 - Алиасы типов (псевдонимы, конкретизация, составные, простые)
20:32 - Объединение типов
22:00 - Пересечение типов
23:02 - Types Queries (Запросы типов, typeof)
24:55 - Литеральные типы (строковые, числовые)
27:00 - Типизация объектов
29:02 - Типизация массивов
30:10 - Типизация кортеж
33:31 - Типизация функций
35:33 - Extends Интерфейсы
37:50 - Implements Интерфейсы
38:16 - Индексные члены типов
41:22 - Модификаторы доступа. Классы. (public, private, protected)
44:34 - Операторы Optional, Not-Null, Not-Undefined
48:24 - Generics (Обобщения) (Promise, axios, api)
56:48 - Generic Constraints (Параметры типа, Extends)
58:52 - Generic parameter defaults (Значение по умолчанию, условные типы)
1:00:30 - Дискриминантное объединение
1:05:00 - Type assertions (Утверждения типов)
1:07:05 - Type Guards (Защитники типов)
1:08:36 - Оператор keyof, lookup types, mapped types, mapped types - префиксы + и -
1:13:14 - Утилитарные типы (Readonly, Partial, Required, Pick, Record)
1:18:27 - Утилитарные типы (Exclude, Extract, Nonnullable, Returntype, Instancetype, Omit)
1:22:00 - Массивоподобные Readonly типы (ReadonlyArray, ReadonlyMap, ReadonlySet)
1:24:16 - Заключение, Практика, Планы
🫡7👍3👌2
Неплохо идем💪 Спасибо, что смотрите видео, ставите лукасы и оставляете коменты.

Следующее видео будет Практика. Мы полностью мигрируем проект с JS на TS и задеплоем.

Настало время выбирать, что будет в следующих сериях.
5👌3
Пока что не указывал React Router, Redux Toolkit, RTK Query
Так как для этих тем нужен тоже полноценный курс. Планирую тоже сделать, но позже, нужно отдохнуть от TypeScript😄

До нового года хочу выпустить полную сборку:

1 - HTML
2 - CSS
3 - JS
4 - React (есть, но хочеться переснять в будущем)
5 - TypeScript (есть)
6 - React Router
7 - Redux Toolkit
8 - RTK Query
9 - Next Js (возможно)
10 - Тестирование (было бы круто)

Из практики:

1 - React Новости превратить в большое приложение с различными АПИ, страницами, дизайнами, авторизацией, логикой, сменой темы и языка
2 - Сделать еще проект на чистом JS, css, html.
👨‍💻11🤯4🔥1
Свой сервис я почти доделал, скоро буду настраивать сервер, бд и тд. Ну как доделал... Конечно еще много работы предстоит, много правок, тестирования, оптимизаций, изменение дизайна, обработку ошибок. Но это уже дорабатывать после запуска. Пусть клиенты тестируют))) У меня денег на тестировщиков нет😆

Приложение работает, много функций, но в продакшен выпускать нельзя, только для своих клиентов, которые уже пользуются Бета версией, пользуются полгода и всем нравится💪 говорят простой дизайн, минималистично все, но удобно☝️

Бета версию я сделал еще в марте. С тех пор люди пользуются. С мая я делал с нуля рефакторинг. Переделал бекенд, фронтенд, сменил фреймворки, базу данных. Подшаманил и сделал лучше в 100 раз, осталось только добить. Новую версию считаю так же Бета, но 2.0 :))

В ноябре, как добавлю сервер и запущу новую версию, в два раза увеличу время на создание видео.
👍10
Еще на работе интересная задача. Делаю полноценный графический редактор, как фигма, немного проще😄

Но уже проделал огромную работу. Реализовал:
- Перемещение слоев
- Добавление в группы
- Удаление слоев
- Настройка элементов (смена названий, смена атрибутов, смена назначений)
- Функционал масок
- Добавление обьектов и картинок в редактор
- Настойка слоев (изменение цвета, опасити, размера, поворота, флипа)
- Сохранение элементов после изменений
- Отмена действий (ctrl + z / ctrl + shift + z)
- История изменений

И многое другое

Сейчас реализовываю работу с 3D в редакторе💪

Короче, ребята, программирование - это круто и интересно💪
Жду вас в наших рядах! Постараюсь помочь вам💛
👍141
Расширение встроенных объектов JavaScript

Расширение встроенных объектов JavaScript означает добавление новых методов или свойств к уже существующим объектам языка, таким как Array, String и Object.

У меня был пост про прототипы, где я рассказывал, как можно расширить или переопределить методы массивов или объектов.

Почему новичку учить и уметь это делать - не обязательно?

- Как минимум расширение поведения встроенных объектов не приветствуется и является плохой практикой (monkey patching). Это нарушает принцип инкапсуляции и засоряет базовые объекты не задокументированной функциональностью.
- Другие разработчики могут не ожидать, что базовые объекты имеют дополнительные методы. Это может вызвать путаницу и ошибки.
- Если две библиотеки пытаются добавить метод с одним и тем же именем, но с разным поведением, это приведет к проблемам.
- В будущем язык может ввести новые методы, которые могут конфликтовать с вашими расширениями, что приведет к проблемам совместимости.

Если вам понадобится это в будущем, то на опыте вы поймете что к чему💪

Но в целом это не сложно, берешь глобальный объект и через прототип просто добавляешь новый метод👍

#обучающийПост #JavaScript #prototype
👍6👌1
Бьем рекорд 😎👍
👍10🔥3🤝1
Кто хотел бы Общаться с разработчиками за 420.000₽?
🔥10😁1
Какой селектор выберет все элементы <p>, непосредственно следующие за элементами <div>?
Anonymous Quiz
19%
div ~ p
33%
div + p
30%
div p
19%
p > div
Strict режим в JS

Строгий режим в JavaScript введен с целью обеспечения более строгого подхода к написанию кода и обнаружению часто встречающихся ошибок.

Преимущества:

Предотвращение ошибок: В строгом режиме некоторые ошибки, которые в обычном режиме были бы проигнорированы, становятся явными и вызывают исключение.

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

Запрет на "плохие" практики: Некоторые действия, которые JavaScript позволял делать раньше и которые могут привести к ошибкам, в строгом режиме запрещены.

Подготовка к будущим версиям ECMAScript: Строгий режим устраняет некоторые несовместимости, делая ваш код более устойчивым к будущим изменениям в языке.

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

#JavaScript #strict #обучающийПост
👍5
Эрик Барон, создатель "Stardew Valley"

Недавно прочитал историю про Эрика. Парень обучаясь на программиста решил для практики создать игру. У него не было опыта, он просто изучал разработку и работал над Пет-проектом. Он самостоятельно занимался всеми аспектами создания игры: от программирования и дизайна до музыки и искусства.

Вдохновившись классической серией игр "Harvest Moon", Эрик решил создать свою игру. Без команды, без большого бюджета, без опыта в игровой индустрии, Эрик приступил к работе. Четыре года усердной работы и его игра стала очень популярной

"Stardew Valley" была написана на языке программирования C# с использованием игрового движка MonoGame.

Как вам такой Пет-проект? 👍
9👍3🤯2
Рекорд канала💪
Кажется нашел свой формат, На следующей неделе приступлю к написанию сценария HTML видеокурса
🎉12🔥3👏2😨2