#ityoutubersru #YauhenK #webdev #TypeScript

Всех приветствую в курсе «TypeScript».
В данном видеокурсе мы с вами рассмотрим возможности языка строгой типизации — TypeScript. Разберём его основные фишки и ключевые отличия от JavaScript. Изучим такие понятия, как перечисления (Enum), интерфейсы, пространства имён. Рассмотрим набор нативных утилит, которые предоставляет сам язык.

✒ Репозиторий курса:
✔ github.com/YauhenKavalchuk/typescript

✒ Timeline:
✔ 0:00 — Введение
✔ 4:19 — Базовые типы. Часть 1
✔ 12:00 — Базовые типы. Часть 2
✔ 18:29 — Перечисления
✔ 22:27 — Функции
✔ 28:35 — Объекты
✔ 34:19 — Классы
✔ 41:22 — Наследование
✔ 48:45 — Пространства имён и модули
✔ 54:24 — Интерфейсы
✔ 1:00:28 — Общие типы
✔ 1:07:14 — Декораторы
✔ 1:14:19 — Утилиты

✒ Полезные ссылки:
✔ TypeScript (документация): www.typescriptlang.org
✔ Sandbox (песочница): www.typescriptlang.org/play/index.html
✔ Typescript Utils (утилиты): www.typescriptlang.org/docs/handbook/utility-types.html

✒ Автор курса:
✔ YouTube канал: www.youtube.com/YauhenKavalchuk
✔ Страница в VK: vk.com/YauhenKavalchuk
✔ Twitter: twitter.com/YauhenKavalchuk
✔ Instagram: www.instagram.com/YauhenKavalchuk
✔ Группа в VK: vk.com/webdevcom
✔ LinkedIn: www.linkedin.com/in/YauhenKavalchuk

✒ Доска где вы можете посмотреть все темы для будущих уроков, прогресс по ним, проголосовать за понравившуюся, оставить комментарий о том что бы вы хотели увидеть в теме, или предложить идею для следующего курса.
✔ Trello: trello.com/b/R6rD7qq8

✒ ПОДДЕРЖАТЬ развитие канала:
✔ Стать СПОНСОРОМ (Бонусы): www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
✔ Донаты (Donationalerts): www.donationalerts.com/r/YauhenKavalchuk
✔ Qiwi копилка: qiwi.me/web-dev

SOLID Принципы в JavaScript. Весь SOLID на практических наглядных примерах с минимумом теории. Так же хорошая практика ООП в JavaScript

Моя образовательная площадка: www.vladilen.dev/

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Мой Курс Стань JavaScript Senior: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Исходный код тут:
t.me/js_by_vladilen/159

Дополнительные материалы:
NodeJS: www.youtube.com/watch?v=3aGSqasVPsI
ES6: www.youtube.com/watch?v=Ti2Q4sQkNdU
Prototype: www.youtube.com/watch?v=aQkgUUmUJy4
Классы: www.youtube.com/watch?v=uLY9GXGMXaA
Массивы и Reduce: www.youtube.com/watch?v=nEabP9CYCAQ
Композиция в JS: www.youtube.com/watch?v=v6AVfIupNB8

#solid #javascript

Посмотри на мой курс по продвинутому JavaScript: clc.to/senior
Игра путь Frontend разработчика: clc.am/frontend

PDF и статья тут: t.me/js_by_vladilen/254

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Поддержать выпуск новых видео:
ЯД: money.yandex.ru/to/410013757655670
PayPal: www.paypal.me/vladilenm

Git и Github полный курс для начинающих. На практическом уроке для начинающих и новичков разберем как работать с Git и Github.
В ролике информация про то, как установить git и начать работать с github. Так же разберем основные команды: git clone, git init, git merge, git branch, git checkout, git push, git pull, git commit, git add, git config

Таймкоды:
00:00 — Что такое Git
02:29 — Установка Git
03:25 — Начало работы
06:40 — Инициализация проекта
11:05 — Первые изменения
17:25 — Коммит
18:54 — gitignore
23:45 — Работа с ветками
31:35 — Совмещение веток
33:20 — Работа с Github

Практический курс по REST API. В видео ты узнаешь, что такое API, REST зачем они нужны и как строятся современные приложения с этим стеком
В рамках ролика ты увидишь создание полноценного Fullstack приложения на NodeJS VueJS, на примере которого полностью будет понятно как REST API работает и какие задачи решает

Моя образовательная площадка: www.vladilen.dev/

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Мой Курс Стань JavaScript Senior: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Ссылка на GitHub исходники в телеграм канале:
teleg.one/js_by_vladilen

Дополнительные материалы:
NodeJS: www.youtube.com/watch?v=3aGSqasVPsI
VueJS: www.youtube.com/watch?v=OlnwgS-gk8Y
ES6: www.youtube.com/watch?v=Ti2Q4sQkNdU
Promise: www.youtube.com/watch?v=1idOY3C1gYU
Ajax: www.youtube.com/watch?v=eKCD9djJQKc
Async/Await: www.youtube.com/watch?v=SHiUyM_fFME

#rest #restapi

Мой Курс Продвинутый JavaScript: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen
Мой сайт: www.vladilen.dev/

Полный курс по React Hooks. Внутри расскажи про: useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer. В конце покажу, как можно создавать свои собственные хуки

Исходники:
t.me/js_by_vladilen/224

Таймкоды:
00:00 Введение
01:11 useState
23:20 useEffect
37:28 useRef
48:07 useMemo
59:39 useCallback
1:09:44 useContext
1:26:55 useReducer
1:34:18 Создаем свои хуки

#react #hooks

Моя образовательная площадка: www.vladilen.dev/

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Мой Курс Стань JavaScript Senior: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Исходный код приложения:
github.com/vladilenm/react-notes-app

React JS — Приложение целиком (Контекст, Хуки, Анимации, Деплой)

NextJS — Курс в одном видео по всем элементам в фреймворке (Server Side Rendering на React)
Мой Курс Продвинутый JavaScript: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

React — www.youtube.com/watch?v=xJZa2_aldDs
Node — www.youtube.com/watch?v=3aGSqasVPsI
Nuxt — www.youtube.com/watch?v=lm9olMCRCIc
ES6 — www.youtube.com/watch?v=Ti2Q4sQkNdU
Webpack — www.youtube.com/watch?v=eSaF8NXeNsA
fetch — www.youtube.com/watch?v=eKCD9djJQKc
JS 2020 — www.youtube.com/watch?v=7TpAN4FISeI
TypeScript — www.youtube.com/watch?v=nyIpDs2DJ_c
TS Продвинутый — www.youtube.com/watch?v=7NU6K4170As
React TS — www.youtube.com/watch?v=OvLWWvjoi8s

Статья из видео: medium.com/@apalshah/next-js-how-to-make-your-own-progress-bar-indicator-component-easily-445e58777473

Исходный код в Telegram Канале:
t.me/js_by_vladilen

Таймкоды:
00:00 — Что такое SSR и Next
14:36 — Установка Next
20:40 — Начало работы
25:54 — Роутинг и навигация
49:15 — SEO Meta
54:40 — Создание Layout
1:06:29 — Стили, модули, SASS
1:14:48 — Страница 404
1:22:14 — Создание API мок сервера
1:33:30 — Загрузка данных
1:57:05 — getServerSideProps
2:00:30 — Индикатор загрузки
2:07:15 — Создание API
2:13:00 — TypeScript
2:26:40 — Next Config
2:34:12 — Классные рекомендации

#react #ssr #nextjs

Посмотри на мой курс по продвинутому JavaScript: clc.to/senior
Игра путь Frontend разработчика: clc.am/frontend

PDF с расширениями тут: t.me/js_by_vladilen/247

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Поддержать выпуск новых видео:
ЯД: money.yandex.ru/to/410013757655670
PayPal: www.paypal.me/vladilenm

Полный курс по VSCode
Внутри разберем все, что нужно для комфортной и быстрой разработке в этом редакторе: все меню, клавиши, темы, настройки, расширения, сниппеты, работа с Git, дебаг и многое другое

Таймкоды:
00:00 — Введение
04:50 — Интерфейс
16:15 — Intellisense
27:09 — Настройки
37:55 — Горячие клавиши
49:25 — Плагины
1:10:48 — Сниппеты
1:17:24 — Дебаг
1:22:21 — Работа с Git и Github