Практика JavaScript
Показываю создание приложения с нуля БЕЗ использования библиотек и фреймворков. Все на чистом JavaScript
Будем говорить много про: асинхронность, события, сборку (webpack), динамику, авторизацию и настройку Firebase
https://youtu.be/KS2ngnRAKlg
Исходный код:
https://github.com/vladilenm/podcast-js-app
Показываю создание приложения с нуля БЕЗ использования библиотек и фреймворков. Все на чистом JavaScript
Будем говорить много про: асинхронность, события, сборку (webpack), динамику, авторизацию и настройку Firebase
https://youtu.be/KS2ngnRAKlg
Исходный код:
https://github.com/vladilenm/podcast-js-app
YouTube
Пишем приложение на голом JS с авторизацией без фреймворков
Исходный код тут: https://t.me/js_by_vladilen/122
Получить профессию Frontend разработчика - https://bit.ly/3OJ88SV
Подробнее узнать об обучении в Result School -
https://bit.ly/3HZsEvZ
Бесплатный курс HTML & CSS - https://bit.ly/39W59qP
Сделать 5 проектов…
Получить профессию Frontend разработчика - https://bit.ly/3OJ88SV
Подробнее узнать об обучении в Result School -
https://bit.ly/3HZsEvZ
Бесплатный курс HTML & CSS - https://bit.ly/39W59qP
Сделать 5 проектов…
После последнего видео было много вопросов относительно расширений Chrome для разработки
Ловите:
1) Расширение для просмотра Github в удобном режиме: https://www.octotree.io/
2) Для удобного просмотра JSON: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc
3) Как просто красивый Extension: https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca?hl=en
Ловите:
1) Расширение для просмотра Github в удобном режиме: https://www.octotree.io/
2) Для удобного просмотра JSON: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc
3) Как просто красивый Extension: https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca?hl=en
Google
JSONVue
Validate and view JSON documents
Записал крутейший материал, который вы увидите завтра
Как думаете, что за тема?
Как думаете, что за тема?
Anonymous Poll
16%
ESLint
72%
Webpack
5%
Gulp
7%
Rollup
Webpack. Полный Курс 2020
После него ты научишься создавать любые сборки под любые проекты.
Почему курс почти 3 часа? В нем рассказываю про почти все в деталях: babel, typescript, eslint, sass, less, react jsx, hmr, dev server, шрифты, картинки, xml, csv. Расскажу про оптимизацию приложения с разными билдами, решение проблем с кешированием, настройку Webpack для разных окружений, анализ бандла и просто best practices
После курса больше не будет пробелов, относительно того, как работают и собираются современные Frontend приложения
Приятного просмотра
https://www.youtube.com/watch?v=eSaF8NXeNsA
Исходный код:
https://github.com/vladilenm/webpack-2020
После него ты научишься создавать любые сборки под любые проекты.
Почему курс почти 3 часа? В нем рассказываю про почти все в деталях: babel, typescript, eslint, sass, less, react jsx, hmr, dev server, шрифты, картинки, xml, csv. Расскажу про оптимизацию приложения с разными билдами, решение проблем с кешированием, настройку Webpack для разных окружений, анализ бандла и просто best practices
После курса больше не будет пробелов, относительно того, как работают и собираются современные Frontend приложения
Приятного просмотра
https://www.youtube.com/watch?v=eSaF8NXeNsA
Исходный код:
https://github.com/vladilenm/webpack-2020
YouTube
Webpack - Полный курс за 3 часа
Эксклюзивный контент на моем Boosty: https://boosty.to/vladilen
Исходники тут: https://t.me/js_by_vladilen/125
Сделать 5 проектов на JavaScript - https://bit.ly/3QT82JL
Telegram: https://t.me/js_by_vladilen
Instagram: https://instagram.com/vladilen.minin…
Исходники тут: https://t.me/js_by_vladilen/125
Сделать 5 проектов на JavaScript - https://bit.ly/3QT82JL
Telegram: https://t.me/js_by_vladilen
Instagram: https://instagram.com/vladilen.minin…
Написал статью по своим расширениям для VSCode
Ловите, кто пользуется 🙂
https://vk.com/@vladilen.minin-vscode
Ловите, кто пользуется 🙂
https://vk.com/@vladilen.minin-vscode
VK
Мои VSCode Extensions
Я работаю в двух редакторах: Webstorm и VSCode
Чем отличается композиция от наследования, какие есть плюсы и минусы у каждого из подходов вы узнаете в этом видео
https://www.youtube.com/watch?v=v6AVfIupNB8
Исходный код:
https://gist.github.com/vladilenm/33485ae114d44a53d68a46b9bd9880fb
https://www.youtube.com/watch?v=v6AVfIupNB8
Исходный код:
https://gist.github.com/vladilenm/33485ae114d44a53d68a46b9bd9880fb
YouTube
Композиция или Наследование в JavaScript?
Исходники тут: https://t.me/js_by_vladilen/128
Получить профессию Frontend разработчика -
https://bit.ly/3AaQy5K
Подробнее узнать об обучении в Result School -
https://bit.ly/3u7wA7Y
Бесплатный курс HTML & CSS - https://bit.ly/3OK4ozY
Сделать 5 проектов…
Получить профессию Frontend разработчика -
https://bit.ly/3AaQy5K
Подробнее узнать об обучении в Result School -
https://bit.ly/3u7wA7Y
Бесплатный курс HTML & CSS - https://bit.ly/3OK4ozY
Сделать 5 проектов…
Нас больше 5 тысяч на канале!
Всем новоприбывшим - привет)
Хотите сегодня видео по Vue 3 Composition API?
Всем новоприбывшим - привет)
Хотите сегодня видео по Vue 3 Composition API?
Anonymous Poll
60%
Да!
40%
А разве Vue 3 вышел?
Vue JS 3 еще находится в разработке, но мы уже можем посмотреть на его новый Composition API в действии. В видео я покажу, как создать приложение, используя старый подход Vue и как переписать его на новый API, который в корне использует композицию.
Разберу такие методы как: ref, reactive, watch, computed, setup
https://www.youtube.com/watch?v=Ix8wcwrnPns
Исходники:
https://github.com/vladilenm/vue-composition-api/tree/composition
Разберу такие методы как: ref, reactive, watch, computed, setup
https://www.youtube.com/watch?v=Ix8wcwrnPns
Исходники:
https://github.com/vladilenm/vue-composition-api/tree/composition
YouTube
Vue JS 3 Composition API на Практике
Получить профессию Frontend разработчика -
https://bit.ly/3ODp8tc
Подробнее узнать об обучении в Result School -
https://bit.ly/3QSrdTW
Бесплатный курс HTML & CSS - https://bit.ly/3QT9MTj
Сделать 5 проектов на JavaScript - https://bit.ly/3bnCF9O
Я…
https://bit.ly/3ODp8tc
Подробнее узнать об обучении в Result School -
https://bit.ly/3QSrdTW
Бесплатный курс HTML & CSS - https://bit.ly/3QT9MTj
Сделать 5 проектов на JavaScript - https://bit.ly/3bnCF9O
Я…
Подготовка к JavaScript собеседованию
Заканчиваю свое путешествие по Шри-Ланке 10-дневным информационным детоксом, чтобы полностью перезагрузится
За путешествие создал огромное количество новых идей, которые будем с вами реализовывать этой весной
Маленький спойлер: будет много JavaScript :)
Новое видео по долгожданной вами теме выпущу 10 февраля
Пока для тех кто прибыл и для тех, кто учит JavaScript очень рекомендую свой ролик, где вы повторите/узнаете многое про наш любимый язык
https://www.youtube.com/watch?v=M_pclb-58ZY
Исходный код: https://github.com/vladilenm/js-interview-guide
PS на канале почти 30 000 человек :)
Заканчиваю свое путешествие по Шри-Ланке 10-дневным информационным детоксом, чтобы полностью перезагрузится
За путешествие создал огромное количество новых идей, которые будем с вами реализовывать этой весной
Маленький спойлер: будет много JavaScript :)
Новое видео по долгожданной вами теме выпущу 10 февраля
Пока для тех кто прибыл и для тех, кто учит JavaScript очень рекомендую свой ролик, где вы повторите/узнаете многое про наш любимый язык
https://www.youtube.com/watch?v=M_pclb-58ZY
Исходный код: https://github.com/vladilenm/js-interview-guide
PS на канале почти 30 000 человек :)
YouTube
Полный гайд по JavaScript собеседованию. Все в 1 видео!
Эксклюзивный контент в Telegram: https://t.me/NextgenSocialBot
Исходники тут: https://t.me/js_by_vladilen/131
Telegram: https://t.me/js_by_vladilen
Instagram: https://instagram.com/vladilen.minin
Roadmap по каналу:
https://vladilen.notion.site/Roadmap…
Исходники тут: https://t.me/js_by_vladilen/131
Telegram: https://t.me/js_by_vladilen
Instagram: https://instagram.com/vladilen.minin
Roadmap по каналу:
https://vladilen.notion.site/Roadmap…
В видео я расскажу, как писать Unit тесты на языке JavaScript. В качестве тестового фреймворка буду использовать Jest. В видео вы узнаете, какие виды тестов бывают, как они устроены, как писать тесты для синхронного и асинхронного кода, как шпионить за функциями, как мокать модули и многое другое. Так же поговорим про алгоритмы и про реализацию популярный функций, таких как: compact, groupBy и тд
https://www.youtube.com/watch?v=IEDe8jl5efU
Исходный код:
https://github.com/vladilenm/intro-unit-testing
https://www.youtube.com/watch?v=IEDe8jl5efU
Исходный код:
https://github.com/vladilenm/intro-unit-testing
YouTube
Jest. Unit Тестирование в JavaScript
Исходники тут: https://t.me/js_by_vladilen/135
Получить профессию Frontend разработчика -
https://bit.ly/3uc9JrT
Подробнее узнать об обучении в Result School -
https://bit.ly/3QUu9zq
Бесплатный курс HTML & CSS - https://bit.ly/3xUXCjW
Сделать 5 проектов…
Получить профессию Frontend разработчика -
https://bit.ly/3uc9JrT
Подробнее узнать об обучении в Result School -
https://bit.ly/3QUu9zq
Бесплатный курс HTML & CSS - https://bit.ly/3xUXCjW
Сделать 5 проектов…
Всем привет
Начиная со вторника контент буду выпускать намного чаще
Придумал новый формат плейлистов с практикой на JavaScript
Сейчас сижу делаю первый ролик и понял, что могу усложнять практически бесконечно
Соответственно у меня вопрос к вам: какая длительность роликов с практикой вам комфорта?
Со своей стороны обещаю, что каждый момент в ролике будет полезный, практичекий и интересный
Начиная со вторника контент буду выпускать намного чаще
Придумал новый формат плейлистов с практикой на JavaScript
Сейчас сижу делаю первый ролик и понял, что могу усложнять практически бесконечно
Соответственно у меня вопрос к вам: какая длительность роликов с практикой вам комфорта?
Со своей стороны обещаю, что каждый момент в ролике будет полезный, практичекий и интересный
Какая длительность комфортна
Anonymous Poll
36%
20 минут
25%
40 минут
13%
1 час
6%
1.5 часа
20%
Нужно больше практики
Предлагаю вам попрактиковаться на реальных задачах в JavaScript со мной 🙂
https://www.youtube.com/watch?v=FX2fiUvrYP4
Исходники:
https://github.com/vladilenm/practice-javascript-youtube
https://www.youtube.com/watch?v=FX2fiUvrYP4
Исходники:
https://github.com/vladilenm/practice-javascript-youtube
YouTube
Модальное окно на ЧИСТОМ JS + CSS. Урок 1
Исходники тут: https://t.me/js_by_vladilen/138
Получить профессию Frontend разработчика -
https://bit.ly/3nnuLAb
Подробнее узнать об обучении в Result School -
https://bit.ly/39Yqd06
Бесплатный курс HTML & CSS - https://bit.ly/3u6Fd2v
Сделать 5 проектов…
Получить профессию Frontend разработчика -
https://bit.ly/3nnuLAb
Подробнее узнать об обучении в Result School -
https://bit.ly/39Yqd06
Бесплатный курс HTML & CSS - https://bit.ly/3u6Fd2v
Сделать 5 проектов…
Что нового появилось в Angular 9?
Что такое Ivy, AOT и JIT?
Как обновиться до 9 версии?
Все ответы в этом видео:
https://www.youtube.com/watch?v=8fUKZm6WOxY
Что такое Ivy, AOT и JIT?
Как обновиться до 9 версии?
Все ответы в этом видео:
https://www.youtube.com/watch?v=8fUKZm6WOxY
YouTube
Angular 9. Что нового? (Ivy, AOT, JIT)
Получить профессию Frontend разработчика -
https://bit.ly/3y2JWUf
Подробнее узнать об обучении в Result School -
https://bit.ly/3ysuq5n
Бесплатный курс HTML & CSS - https://bit.ly/3Nu1IFH
Сделать 5 проектов на JavaScript - https://bit.ly/3Nthuk7
Я…
https://bit.ly/3y2JWUf
Подробнее узнать об обучении в Result School -
https://bit.ly/3ysuq5n
Бесплатный курс HTML & CSS - https://bit.ly/3Nu1IFH
Сделать 5 проектов на JavaScript - https://bit.ly/3Nthuk7
Я…
2️⃣ Продолжаем практику с окнами
Сегодня серьезней: прототипы, замыкания, утечка памяти и обработка событий
Приятного просмотра)
https://www.youtube.com/watch?v=BmxD74C3rCs
Исходники:
https://github.com/vladilenm/practice-javascript-youtube/tree/02-modal-full
Сегодня серьезней: прототипы, замыкания, утечка памяти и обработка событий
Приятного просмотра)
https://www.youtube.com/watch?v=BmxD74C3rCs
Исходники:
https://github.com/vladilenm/practice-javascript-youtube/tree/02-modal-full
YouTube
Модальное окно JS. События, Прототипы, Замыкания. Урок 2
Исходники тут: https://t.me/js_by_vladilen/140
Получить профессию Frontend разработчика -
https://bit.ly/3A91roA
Подробнее узнать об обучении в Result School -
https://bit.ly/3bx1Y9A
Бесплатный курс HTML & CSS - https://bit.ly/3bCEv6X
Сделать 5 проектов…
Получить профессию Frontend разработчика -
https://bit.ly/3A91roA
Подробнее узнать об обучении в Result School -
https://bit.ly/3bx1Y9A
Бесплатный курс HTML & CSS - https://bit.ly/3bCEv6X
Сделать 5 проектов…
На канале тем временем 35 000 человек!
Поразительно, как быстро наше уютное сообщество развивается
Всех поздравляю, и напоминаю, что это только начало - каналу еще нет года :)
У меня есть несколько соображений на этот счет:
1. Давно я не обновлял плейлист "Сложный JavaScript простым языком" и думаю пора поправить данную ситуацию в старом, лаконичном варианте :)
2. Я "пропустил" стрим на 30 000 человек, однако планирую сделать интересный стрим с кучей классной информации на 40 000, которую сейчас готовлю
Интересен ли вам чистый JavaScript и хочешь пойти на стрим и пообщаться в живую?
Поразительно, как быстро наше уютное сообщество развивается
Всех поздравляю, и напоминаю, что это только начало - каналу еще нет года :)
У меня есть несколько соображений на этот счет:
1. Давно я не обновлял плейлист "Сложный JavaScript простым языком" и думаю пора поправить данную ситуацию в старом, лаконичном варианте :)
2. Я "пропустил" стрим на 30 000 человек, однако планирую сделать интересный стрим с кучей классной информации на 40 000, которую сейчас готовлю
Интересен ли вам чистый JavaScript и хочешь пойти на стрим и пообщаться в живую?
В видео расскажу все что нужно знать про Spread и Rest операторы в JavaScript
Так же приведу реальные примеры их использования
https://www.youtube.com/watch?v=SGeQ-U0G7dE
Исходники:
https://gist.github.com/vladilenm/86df51a1909e1233e8ba9b01e5bf9cd2
Так же приведу реальные примеры их использования
https://www.youtube.com/watch?v=SGeQ-U0G7dE
Исходники:
https://gist.github.com/vladilenm/86df51a1909e1233e8ba9b01e5bf9cd2
YouTube
Урок 15. JavaScript. Все о Spread и Rest
Исходники тут: https://t.me/js_by_vladilen/142
Получить профессию Frontend разработчика - https://bit.ly/3a13New
Подробнее узнать об обучении в Result School -
https://bit.ly/3QY3ema
Бесплатный курс HTML & CSS - https://bit.ly/3R8LoNN
Сделать 5 проектов…
Получить профессию Frontend разработчика - https://bit.ly/3a13New
Подробнее узнать об обучении в Result School -
https://bit.ly/3QY3ema
Бесплатный курс HTML & CSS - https://bit.ly/3R8LoNN
Сделать 5 проектов…
В ролике заканчиваем практику по модальным окнам
В видео новый плагин, динамика, промисы, делегирование событий и клевое приложение в итоге
Получилось самостоятельно выполнить задание к этому видео?)
https://www.youtube.com/watch?v=GVGq0iy8GQE
Исходники тут:
https://github.com/vladilenm/practice-javascript-youtube/tree/03-confirm
В видео новый плагин, динамика, промисы, делегирование событий и клевое приложение в итоге
Получилось самостоятельно выполнить задание к этому видео?)
https://www.youtube.com/watch?v=GVGq0iy8GQE
Исходники тут:
https://github.com/vladilenm/practice-javascript-youtube/tree/03-confirm
YouTube
Модальное окно JS. Promise, Делегирование событий. Урок 3
Получить профессию Frontend разработчика -
https://bit.ly/3y0G2ew
Подробнее узнать об обучении в Result School -
https://bit.ly/3QShRHQ
Бесплатный курс HTML & CSS - https://bit.ly/3u9VB2r
Сделать 5 проектов на JavaScript - https://bit.ly/3R0dj2m
Я…
https://bit.ly/3y0G2ew
Подробнее узнать об обучении в Result School -
https://bit.ly/3QShRHQ
Бесплатный курс HTML & CSS - https://bit.ly/3u9VB2r
Сделать 5 проектов на JavaScript - https://bit.ly/3R0dj2m
Я…
Деструктуризация в JavaScript
https://www.youtube.com/watch?v=wWYokY0Pt2M
https://www.youtube.com/watch?v=wWYokY0Pt2M
YouTube
Урок 16. JavaScript. Все о Деструктуризации в JS
Получить профессию Frontend разработчика -
https://bit.ly/3Acn9YI
Подробнее узнать об обучении в Result School -
https://bit.ly/3Owyc3c
Бесплатный курс HTML & CSS - https://bit.ly/3bzX1ga
Сделать 5 проектов на JavaScript - https://bit.ly/3HY08uA
Я…
https://bit.ly/3Acn9YI
Подробнее узнать об обучении в Result School -
https://bit.ly/3Owyc3c
Бесплатный курс HTML & CSS - https://bit.ly/3bzX1ga
Сделать 5 проектов на JavaScript - https://bit.ly/3HY08uA
Я…