К весне 2021 году запускаем проект, который изменит ход образовательной истории. Следите за новостями
help2debug.com/

Поддержать меня и получить доступ к дополнительному контенту можно вот здесь:
www.patreon.com/itkamasutra

Prototype и __proto__, пора разобраться ;)

Друзья, мир JavaScript-а огромен. И есть его огромная часть, которую я бы назвал так: JavaScript для собеседований.

Это тот JavaScript, который не нужен тебе каждый день, но который как бы нужно знать. Зачем? Ну как бы нужно)) Да, объективно, когда ты senior-разработчик, ты сталкиваешься с более навороченными задачами и оптимизациями, и тебе важно знать, как JavaScript работает внутри, чтобы решить свои задачи правильно.

Джуну этого знать не нужно. Одна из таких тем, это #prototype и #proto

Ну в современном синтаксисе вы не используете явно prototype, а там где он используется неявно… вам в принципе не важно, как там эта цепочка прототипов работает.

Но всё же…

Встречаем, #JS для Interview часть 1: prototype vs __proto__

Поддержать проект монеткой: social-network.samuraijs.com
Платное обучение в онлайн или оффлайн инкубаторе:
it-incubator.by
it-kamasutra.com

А здесь бесплатная взаимопомощь:
t.me/reactjs_samurai

* Мы в соц. сетях:
vk.com/itkamasutra
instagram.com/itkamasutra
telegram.me/itkamasutra

* Мои личные VK и Insta:
vk.com/d.kuzyuberdin
www.instagram.com/it.kamasutra.dimych/

. «Мне 30, и я стар. Ок, на самом деле пока еще 29, и я super-star (по крайней мере так мне всегда говорила моя мама, а разве она может быть неправа?), но уже сейчас я отчетливо вижу ограничения своего мозга по переработке информации, восприятию нового контента и обучению».

Наша индустрия растет взрывообразно. Думали ли вы пару лет назад, что на конференции с JavaScript в названии мы будем погружаться в глубины AST, изучать ассемблерные вставки для лучшего понимания производительности V8 и интересоваться Rust (потому что WebAssembly же!)? Этот доклад — ответ на три вопроса, которые задают Илье каждую неделю по несколько раз его студенты:

Как учить то, что нужно, а не хайпово?
Как структурировать информацию для максимально быстрого освоения?
Куда бежать?
Илья терпеть не может разговоры про космические корабли, бороздящие бескрайние просторы Большого театра. Его цель, чтобы после доклада каждый вышел если не с твердым пониманием, что, как и когда учить в JS, то хотя бы со знанием, как это понимание обрести.

. Строгая типизация: серебряная пуля или маркетинговый ход? Этот доклад — история о том, как небольшая компания год писала «типизированный JS» и что из этого вышло. Личный опыт войны с типизацией, какие проблемы возникли на пути «перехода», какую ценность (и с позиции разработки, и с позиции бизнеса) это принесло, и когда стоит об этом беспокоиться.

В докладе немного затронем TypeScript (в основном отвечая на вопрос «почему не он») и сконцентрируемся вокруг FlowType и его экосистемы — чтобы понять, «зачем нам еще один TypeScript», куда движется сообщество «типизаторов» и зачем к нему присоединяться.

Подробнее о курсе «JavaScript. Полное руководство для современной веб-разработки»: webformyself.com/javascript/

Исходники: drive.google.com/open?id=1Tqj6IaZKRk1ncB_HQWyf5rRzcmMfQ-po

Это видео является продолжением, где вы увидите, как закончить приложение на React.

В этой части вы увидите, как реализовать пагинацию, как сделать возможность выбора пользователем количество загружаемых данных (32 или 1000 строк), как реализовать фильтрацию в таблице, используя отдельный компонент.

Также вы узнаете, как на практике использовать нововведение в React, которое называется React Hooks. Вы увидите использование useState хука, для добавления функционала формы к «глупому» компоненту.

общаемся и разбираем ваши вопросы в режиме live.

Телеграм-Канал ФинФак
t.me/finfak
Официальный Сайт Александра Кубышкина Enfilade Capital: www.enfilade-capital.com/

ПРИСОЕДИНЯЙТЕСЬ В СОЦ СЕТЯХ:
ВКонтакте: vk.com/id505378604
Instagram: www.instagram.com/lakubasju/
Twitter: twitter.com/@LaQbasju

Также рекомендую посмотреть:

ФинФак 3-й сезон — Инфляции НЕ будет и изменения в портфеле www.youtube.com/watch?v=ud8_naDg9_A

Git:
github.com/sychovSaveliy/hillel-webinar-dom

Компьютерная Школа Hillel

site: ithillel.ua
тел.: 38 (097) 156-58-27

fb: www.facebook.com/hillel.it.school
in: www.instagram.com/hillel_itschool
tw: twitter.com/hillel_itschool
ln: www.linkedin.com/company/hillel_itschool
yt: www.youtube.com/user/hillelitschool
g: plus.google.com/107393502085367390120

В этом видео мы познакомимся с всплытием и перехватом событий.

Ссылки
learn.javascript.ru/event-bubbling
jsbin.com/valasomeli/edit?html,js,output
frontender.info/an-introduction-to-dom-events/
karmazzin.gitbooks.io/eloquentjavascript_ru/content/chapters/chapter14.html

Наш сайт — easycode.school
Telegram — t.me/easycode_news
VK — vk.com/easy_code_kharkov
Facebook — www.facebook.com/itschooleasycode
Instagram — www.instagram.com/easycode_it_school

Промокод на полный видеокурс javascript на Udemy: www.udemy.com/modern-javascript-from-beginning/?couponCode=YOUTUBEUDEMY

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

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