- 577
- 10 673 126
webDev
Belarus
Приєднався 27 бер 2017
webDev - образовательный канал о веб-разработке. Здесь вы найдёте курсы по: HTML, CSS, JavaScript, ECMAScript, React.js, Vue.js, Node.js, TypeScript, GraphQL, NextJS, MongoDB, Redux, Redux-Saga, Jest, Enzyme, React Testing Library, CSS Grid, CSS Flexbox, TailwindCSS...
🚀 Подписывайтесь! Впереди ещё много интересного...
🍻 Поддержать канал: github.com/YauhenKavalchuk/youtube/blob/main/sponsoring.md
🚀 Подписывайтесь! Впереди ещё много интересного...
🍻 Поддержать канал: github.com/YauhenKavalchuk/youtube/blob/main/sponsoring.md
#55 Front-end. Вопросы на собеседовании
#YauhenK #webDev #HTML #CSS #JS
Всем привет!
Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании».
В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью.
Удобная, хорошо организованная шпаргалка всегда у вас под рукой!
В репозитории можно найти:
- Ответы на вопросы по HTML
- Ответы на вопросы по CSS
- Ответы на вопросы по JavaScript
- Ответы на вопросы по React
- Ответы на вопросы по Vue.js
- Ответы на вопросы по Node.js
- Ответы на вопросы по TypeScript
- Ответы на вопросы по Angular
✒ Репозиторий видеокаста:
✔ GitHub: github.com/YauhenKavalchuk/interview-questions
✒ Timeline:
✔ 0:00 - Введение
✔ 0:30 - Что такое хвостовая рекурсия? Оптимизация рекурсии?
✔ 1:44 - Что такое и как работает debounce() и throttle() в JavaScript?
✔ 3:08 - Как в JavaScript работают декораторы? Как они могут быть использованы для модификации поведения классов и методов?
✔ 4:37 - Как можно создавать пользовательское событие (custom events) в JavaScript?
✔ 5:39 - Что такое IndexedDB? Как работает IndexedDB?
✔ 6:59 - Расскажите о методе requestAnimationFrame()?
✔ 8:27 - Как работают дефолтные параметры в ES6?
✔ 9:22 - Что такое "BigInt" в ES2020 и для чего он используется?
✔ 10:34 - Какие нововведения были представлены в ECMAScript 2021 (ES12)?
✔ 11:53 - Что такое fetch()? Как работает функция fetch()?
✔ 13:06 - Что такое JSON в JavaScript? Как его можно использовать?
✔ 13:55 - Что такое и как работает коэффициент сжатия (compression ratio) в контексте веб-разработки?
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ UA-cam: ua-cam.com/users/YauhenKavalchuk
✔ Instagram: YauhenKavalchuk
✔ Twitter: YauhenKavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: www.linkedin.com/in/YauhenKavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/youtube/blob/main/sponsoring.md
Всем привет!
Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании».
В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью.
Удобная, хорошо организованная шпаргалка всегда у вас под рукой!
В репозитории можно найти:
- Ответы на вопросы по HTML
- Ответы на вопросы по CSS
- Ответы на вопросы по JavaScript
- Ответы на вопросы по React
- Ответы на вопросы по Vue.js
- Ответы на вопросы по Node.js
- Ответы на вопросы по TypeScript
- Ответы на вопросы по Angular
✒ Репозиторий видеокаста:
✔ GitHub: github.com/YauhenKavalchuk/interview-questions
✒ Timeline:
✔ 0:00 - Введение
✔ 0:30 - Что такое хвостовая рекурсия? Оптимизация рекурсии?
✔ 1:44 - Что такое и как работает debounce() и throttle() в JavaScript?
✔ 3:08 - Как в JavaScript работают декораторы? Как они могут быть использованы для модификации поведения классов и методов?
✔ 4:37 - Как можно создавать пользовательское событие (custom events) в JavaScript?
✔ 5:39 - Что такое IndexedDB? Как работает IndexedDB?
✔ 6:59 - Расскажите о методе requestAnimationFrame()?
✔ 8:27 - Как работают дефолтные параметры в ES6?
✔ 9:22 - Что такое "BigInt" в ES2020 и для чего он используется?
✔ 10:34 - Какие нововведения были представлены в ECMAScript 2021 (ES12)?
✔ 11:53 - Что такое fetch()? Как работает функция fetch()?
✔ 13:06 - Что такое JSON в JavaScript? Как его можно использовать?
✔ 13:55 - Что такое и как работает коэффициент сжатия (compression ratio) в контексте веб-разработки?
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ UA-cam: ua-cam.com/users/YauhenKavalchuk
✔ Instagram: YauhenKavalchuk
✔ Twitter: YauhenKavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: www.linkedin.com/in/YauhenKavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/youtube/blob/main/sponsoring.md
Переглядів: 2 000
Відео
ТОП 13 Репозиториев для БЕСПЛАТНОГО изучения веб-разработки
Переглядів 9 тис.Місяць тому
#YauhenK #webdev #github #frontend ✒ Разверните IT-инфраструктуру для веб-проектов любой сложности со скидкой 20%: slc.tl/ja5t4 Реклама. ООО "Селектел". erid:LjN8KLsRD Всем привет. Предыдущее видео на канале о репозиториях полезных веб-разработчику собрало 1000 лайков. Поэтому, как и обещал выпускаю продолжение данной темы. Однако на этот раз я постарался сконцентрироваться на репозиториях, кот...
#54 Front-end. Вопросы на собеседовании
Переглядів 4,3 тис.2 місяці тому
#YauhenK #webDev #HTML #CSS #JS ✒ Стань “Белым” хакером в Skillfactory: go.skillfactory.ru/mAwc0g Возврат денег за курс, если не нашли работу после обучения скидка 45% по промокоду WEBDEV до 31.03.2024 г Всем привет! Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании». В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end...
ТОП 12 Репозиториев для веб-разработчика
Переглядів 16 тис.3 місяці тому
#YauhenK #webdev #github #frontend Всем привет! GitHub - это не просто хранилище кода, где можно держать свои проекты. Но так же и кладезь полезной и нужной информации для любого веб-разработчика если, конечно, знать где искать. В данном выпуске я бы хотел рассказать вам о нескольких репозиториях, которые должны вам пригодится. Это справочники, библиотеки, различные коллекции и так далее. ✒ Ски...
ТОП 12 Ресурсов для бесплатного изучения программирования
Переглядів 55 тис.3 місяці тому
#YauhenK #webdev #frontend #collection Всем привет! В данном видео я постарался собрать список самых полезных, а главное бесплатных ресурсов, сайтов, справочников и порталов для изучения программирования. Весь представленный список отсортирован в том порядке, как тот или иной ресурс вам пригодится. Почти все ресурсы универсальны и применимы для большинства направлений в IT. ✒ Размещайте свои пр...
Web Development 2024 Roadmap & Trends | Что учить в 2024?
Переглядів 31 тис.5 місяців тому
#YauhenK #webDev #frontend2024 #web2024 Всем привет! 2023 год подходит к завершению. Кризис в IT, который начался в 2022 продолжил набирать свои обороты и в текущем году. Ещё больше компаний начали оптимизировать свои ресурсы. В результате чего рынок оказался перенасыщен IT специалистами разных уровней. Получить конкурентное преимущество стало заметно сложнее, так как технологический стек требо...
ТОП 14 Генераторов CSS эффектов
Переглядів 7 тис.6 місяців тому
#YauhenK #webdev #css #collection Всем привет. Как часто, посещая различные сайты, вы видели что-то крутое сделанное на CSS, но не могли повторить это самостоятельно? Как много времени вы тратите на создание крутого эффекта, или анимации а по факту получаете не то что хотелось изначально? Не смотря на то, что каскадные таблицы стилей кажутся простым, в них полно нюансов. В данном видео я бы хот...
Vue.js. Полный курс
Переглядів 23 тис.Рік тому
#YauhenK #webDev #vue #vuejs Всех приветствую в курсе «Vue.js». В данном видео-курсе мы с вами рассмотрим работу с JavaScript фрэймовком Vue.js 2-й версии. А так же разберём все необходимые темы и понятия, которые нужны для того что бы начать разрабатывать на Vue.js. ✒ Репозиторий курса: ✔ GitHub: github.com/YauhenKavalchuk/vue-js ✒ Timeline: ✔ 0:00 - Введение (Introduction) ✔ 4:18 - Экземпляр ...
MongoDB. Полный курс
Переглядів 26 тис.Рік тому
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
ТОП 14 Chrome расширений для веб-разработчика
Переглядів 14 тис.Рік тому
#YauhenK #webDev #frontend #chrome Всем привет. Тему различных расширений для Google Chrome я обходил стороной довольно долго. Полагая что стандартных встроенных инструментов разработчика, вполне достаточно для разработки сайтов и веб-приложений. Но последний год доказал обратное. В результате я могу со стопроцентной уверенностью сказать что правильно подобранный набор расширений существенно уп...
TailwindCSS. Полный курс
Переглядів 60 тис.Рік тому
#YauhenK #webdev #TailwindCSS #Tailwind #CSS В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind испол...
MongoDB #20 Облачная база данных MongoDB Atlas (MongoDB Atlas)
Переглядів 8 тис.Рік тому
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
MongoDB #19 MVC и Роутер (MVC Pattern & Router)
Переглядів 4,2 тис.Рік тому
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
MongoDB #18 Интеграция mongoose (Mongoose Integration. Part II)
Переглядів 4,7 тис.Рік тому
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
MongoDB #17 Интеграция mongoose (Mongoose Integration. Part I)
Переглядів 7 тис.Рік тому
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
MongoDB #16 Создание и обновление документа (Creating & Updating Document)
Переглядів 4,3 тис.Рік тому
MongoDB #16 Создание и обновление документа (Creating & Updating Document)
Front-end 2023 Roadmap & Trends | Что учить в 2023?
Переглядів 125 тис.Рік тому
Front-end 2023 Roadmap & Trends | Что учить в 2023?
MongoDB #15 Чтение и удаление документа (Fetching & Removing Document)
Переглядів 4,7 тис.Рік тому
MongoDB #15 Чтение и удаление документа (Fetching & Removing Document)
MongoDB #14 Курсоры и получение данных (Cursors & Fetching Data)
Переглядів 7 тис.Рік тому
MongoDB #14 Курсоры и получение данных (Cursors & Fetching Data)
MongoDB #13 Создание сервера, подключение к БД (Creating Server & Connecting To MongoDB)
Переглядів 16 тис.Рік тому
MongoDB #13 Создание сервера, подключение к БД (Creating Server & Connecting To MongoDB)
MongoDB #12 Управление базами и коллекциями (Managing DBs & Collections)
Переглядів 6 тис.Рік тому
MongoDB #12 Управление базами и коллекциями (Managing DBs & Collections)
MongoDB #11 Полезные методы и операторы (Useful Methods & Operators)
Переглядів 6 тис.Рік тому
MongoDB #11 Полезные методы и операторы (Useful Methods & Operators)
MongoDB #10 Сложное обновление документов (Complex Updating Documents)
Переглядів 7 тис.Рік тому
MongoDB #10 Сложное обновление документов (Complex Updating Documents)
MongoDB #9 Удаление и обновление документов (Deleting & Updating Documents)
Переглядів 8 тис.Рік тому
MongoDB #9 Удаление и обновление документов (Deleting & Updating Documents)
MongoDB #8 Запросы вложенных документов (Querying Nested Documents)
Переглядів 9 тис.Рік тому
MongoDB #8 Запросы вложенных документов (Querying Nested Documents)
MongoDB #7 Операторы и составные запросы (Operators & Complex Queries)
Переглядів 9 тис.Рік тому
MongoDB #7 Операторы и составные запросы (Operators & Complex Queries)
MongoDB #6 Лимит и сортировка данных (Limiting & Sorting Data)
Переглядів 10 тис.Рік тому
MongoDB #6 Лимит и сортировка данных (Limiting & Sorting Data)
MongoDB #5 Поиск документов (Finding Documents)
Переглядів 12 тис.Рік тому
MongoDB #5 Поиск документов (Finding Documents)
MongoDB #4 Добавление новых данных (Adding New Documents)
Переглядів 16 тис.Рік тому
MongoDB #4 Добавление новых данных (Adding New Documents)
MongoDB #3 Использование MongoDB Compass и Shell (Using MongoDB Compass & Shell)
Переглядів 24 тис.Рік тому
MongoDB #3 Использование MongoDB Compass и Shell (Using MongoDB Compass & Shell)
Как по мне, так странно открывать на своём канале выпуски по данной теме только с 1 по 6, а потом 54 и 55, некоторым регионам даже не показывают кнопку спонсировать и получается вы делаете хорошее вроде бы дело, но не для всех, а только для избранных
То есть чтобы сделать оптимизацию нужно переделать рекурсию в хвостовкю рекурсию и включить use strict. И тогда движки сами оптимизируют это?
Спасиб добрый человек)))
🤣 торопитесь
Смотрю курс, чтобы иметь общее представление о MongoDB. Последовательность и доступность для понимания на высоте. Спасибо огромное за труд!
даже не подумал делать с привязкой контекста и теперь пытаюсь осмыслить решение))) function minMax(numbers: number[]) { const min = Math.min(...numbers); const max = Math.max(...numbers); return [min, max]; }
Такой вопрос: При создании снипета как сделать 1ю букву заглавную в интерфейсе? "React HOK": { "prefix": "hoc", "body": [ "import React, { type ComponentType } from \"react\"", "", "export interface ${TM_FILENAME_BASE}Props {", "}", "", "export function ${TM_FILENAME_BASE}<BaseProps extends ${TM_FILENAME_BASE}Props>(Component:ComponentType<BaseProps>){", " return (props:BaseProps) => {", " return <Component {...props}/>", " }", "};", "" ], "description": "React HOC" },
Спасибо
Пожалуйста
у меня вышло с задачкой так: function toInitials(str: string) { const [name, surname] = str.split(' ') return `${name.charAt(0).toUpperCase()}.${surname.charAt(0).toUpperCase()}.` }
Как вариант)
Что-то я не в одном твоём уроке не слышал, о том, что ты упоминал этот стереотип, о знание английского. Получается, что люди, которые потратили часы своего времени, тратили его впустую, ибо ты только в этом видео говоришь об этом. Как-то лицемерненько, и очень забавно.
СПАСИБО!!!! Я уж думал, что никогда не разберусь, а тут 7 минут и готово!!!!
Всегда пожалуйста
на 10:48 у вас ошибка в строке 9. console.log(true || null || 'string') выведет true, а не null
Да, опечатка(
то есть enum это как обычный объект с ключами в javscript и данные генерируются лишь когда нужны?
Я бы сказал, что это объект с фиксированным количеством значений
Все круто если вы не из РФ и у вас есть доступ к mongo DB
Бля, скоро чтобы устроится на позицию фронта, нужно будет квантовую механику знать))
А потом кнопочки будешь гонять год по экрану. И потом возможно тебе доверят что то серьезнее.
🤷♂️
margin не входит в блочную модель, этим и отличается от padding
Всё верно
супер! мне как аналитику очень помогло, спасибо )
Пожалуйста
в композиции у меня не работает почему-то метод start() для объекта, созданного через new Car(). пишет "undefined". если вызывать методы внутренних объектов по отдельности, например engine.start(), то работает. в чём же может быть дело?
понял, в чём дело. метод start() срабатывает, но никаких значений не возвращает. ожидал, что вернёт разом всё, что возвращают методы start() всех вложенных объектов: Engine is started, Wiring is started, FuelPump is started
Хорошо что разобрались самостоятельно!
Ты очень хорошо записываешь уроки. Только не останавливайся!
Спасибо большое за отзыв
Не нашёл связи между таблицей в БД "posts", и моделью Post от postSchema. Где связь того, в какую именно таблицу мы пишем?
Почему это объяснено лучше чем в яндекс практикум даже спустя 4 года?..
Понятия не имею)
если сделать подключение как на видео, то будет создаваться новая бд с названием test. Чтобы такого не было укажите название вашей бд, когда будете коннектиться к бд в файле app
Здравствуйте, не подскажите, возникла ошибка, перепроверила код правильный, сервер запускается. Но в и postman, и в браузере возникает ошибка 404. Не подскажите возможные причины такой ошибки? Попробовала поменять порт, но итог тот-же. Буду благодарна.
Совершенно ничего не понял - что за штука такая и на кой она нужна Вижу вроде я не один такой)))
спасибо за видео!!
Пожалуйста
Здравствуйте,подскажите пожалуйста,я верно понимаю,что такие теги , как : <tt>, <big> больше не воспринимаются в HTML5?
По сути они устаревшие и использовались в версии HTML4
Не понимаю почему так мало лайков, отличная работа!
Понятия не имею
Можно ссылку где можно найти код к видео?
В этом курсе не было кода, который сохранился где-нибудь
3:08 а если мы просто напишем ul span ( вместо ul li > span)? Будут ли эти записи равнозначными?
Если структура такая: ul>li>span, то эффект одинаковый. Но в вашем случае будет стилизация ВСЕХ span внутри ul.
Единственный видос, после которого я понял что это
👍
спасибо!
Пожалуйста
Вы забыли про yarnб он не в каждом челе установлен по default )
👍
Зачем он добавил тег <а> в <Link>? Это не обязательно, тег <Link> автоматически создает тег а, а так у тебя получаеться вложенность ссылок <а>
Если мне не изменяет память, на момент записи оно не работало так, как вы описываете (хотя могу ошибаться)
У кого не работает yarn или не установлен используйте для сборки и запуска проекта npm run build
👍
Спасибо за курс! Отлично освежил и структурировал знания
Пожалуйста
Те кто придумал Typescript явно копировали с С++ , пацаны не прикалывались. Теперь в целом очень понятно становиться что и зачем нужно , потому что все новшества взяты из других популярных языков. Не нужно долго гадать 😎
В целом уроки не плохие, но в 2024 году без GPT для отлова ошибок, и их исправлений, вам не обойтись, актуально, но синтаксис немного изменился
Спасибо большое ! Очень нужный плейлист мне попался
Пожалуйста
Вот это подборка! Спасибо огромное!
Пожалуйста
7:52 10:40+
🤔
@@YauhenKavalchuk как вообще посчитать специфичность (я о тесте в конце)
а если у меня фронт и сервер в одной ветке, то как мне сделать?
Такой вопрос. В чем отличия тогда между justify-content и justify-items? Выходит они выполняют одну и туже функцию выравнивания эл-тов в контейнере?
Этот видос просто имба
Спасибо за отзыв
Спасибо. Начинаю учить для того чтобы понимать что как, хоть и учу питон уже 7 месяцев и собираюсь писать на нём. Надо же понимать что в шаблонах изменяешь
Пожалуйста
У меня не работает url
Значит не верно определили путь
После сохранения изменений во всех файлах и при запуске выбивает ошибку: [nodemon] app crashed - waiting for file changes before starting... с чем это может быть связано? спасибо
так, ладно, попробовала запустить через node server.js, выбивало ошибку по потеряному модулю, я добавила "type": "module", в package.json, а также ./db изменила на ./db.js запустила так же, работает, но у меня не принимается переменная PORT и после запуска отображается Listening port: ${PORT} вместо заданного переменной значения 3000. В остальном работает, спасибо большое за урок!
Не видя код, трудно помочь(
Огромное спасибо) знакома с технологий, решила обновить знания и очень много вынесла с вашего урока!)
Пожалуйста
я вот только начинаю изучать TS тк этому видео уже 4 года стоит ли его вообще смотреть не устарели ли некоторые моменты ?
Не устарели
Спасибо
Пожалуйста
спасибо за уроки пишу коммент в поддержку и продвижение этого канала
Спасибо за поддержку