webDev
webDev
  • 577
  • 10 673 126
#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
Переглядів: 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)

КОМЕНТАРІ

  • @user-md6iv6qx1d
    @user-md6iv6qx1d 5 годин тому

    Как по мне, так странно открывать на своём канале выпуски по данной теме только с 1 по 6, а потом 54 и 55, некоторым регионам даже не показывают кнопку спонсировать и получается вы делаете хорошее вроде бы дело, но не для всех, а только для избранных

  • @user-hk7td4dh1o
    @user-hk7td4dh1o 23 години тому

    То есть чтобы сделать оптимизацию нужно переделать рекурсию в хвостовкю рекурсию и включить use strict. И тогда движки сами оптимизируют это?

  • @blackwood8816
    @blackwood8816 23 години тому

    Спасиб добрый человек)))

  • @user-sv5fz2bv7z
    @user-sv5fz2bv7z День тому

    🤣 торопитесь

  • @konstantynnazarenko101
    @konstantynnazarenko101 День тому

    Смотрю курс, чтобы иметь общее представление о MongoDB. Последовательность и доступность для понимания на высоте. Спасибо огромное за труд!

  • @koddaks
    @koddaks День тому

    даже не подумал делать с привязкой контекста и теперь пытаюсь осмыслить решение))) function minMax(numbers: number[]) { const min = Math.min(...numbers); const max = Math.max(...numbers); return [min, max]; }

  • @singlebw265
    @singlebw265 День тому

    Такой вопрос: При создании снипета как сделать 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" },

  • @franticf2548
    @franticf2548 День тому

    Спасибо

  • @koddaks
    @koddaks 2 дні тому

    у меня вышло с задачкой так: function toInitials(str: string) { const [name, surname] = str.split(' ') return `${name.charAt(0).toUpperCase()}.${surname.charAt(0).toUpperCase()}.` }

  • @avatar33311111111111
    @avatar33311111111111 2 дні тому

    Что-то я не в одном твоём уроке не слышал, о том, что ты упоминал этот стереотип, о знание английского. Получается, что люди, которые потратили часы своего времени, тратили его впустую, ибо ты только в этом видео говоришь об этом. Как-то лицемерненько, и очень забавно.

  • @user-rn6bx8pg4g
    @user-rn6bx8pg4g 2 дні тому

    СПАСИБО!!!! Я уж думал, что никогда не разберусь, а тут 7 минут и готово!!!!

  • @user-vc5xs1no7m
    @user-vc5xs1no7m 3 дні тому

    на 10:48 у вас ошибка в строке 9. console.log(true || null || 'string') выведет true, а не null

  • @AskarZhaanbaev-kz1do
    @AskarZhaanbaev-kz1do 3 дні тому

    то есть enum это как обычный объект с ключами в javscript и данные генерируются лишь когда нужны?

    • @YauhenKavalchuk
      @YauhenKavalchuk День тому

      Я бы сказал, что это объект с фиксированным количеством значений

  • @user-pp4td4hs1t
    @user-pp4td4hs1t 3 дні тому

    Все круто если вы не из РФ и у вас есть доступ к mongo DB

  • @KanalReal
    @KanalReal 4 дні тому

    Бля, скоро чтобы устроится на позицию фронта, нужно будет квантовую механику знать))

    • @wishhdd
      @wishhdd 3 дні тому

      А потом кнопочки будешь гонять год по экрану. И потом возможно тебе доверят что то серьезнее.

    • @YauhenKavalchuk
      @YauhenKavalchuk 3 дні тому

      🤷‍♂️

  • @pilexx3123
    @pilexx3123 4 дні тому

    margin не входит в блочную модель, этим и отличается от padding

  • @Bob-fh6jb
    @Bob-fh6jb 4 дні тому

    супер! мне как аналитику очень помогло, спасибо )

  • @scottjenkinsjr
    @scottjenkinsjr 4 дні тому

    в композиции у меня не работает почему-то метод start() для объекта, созданного через new Car(). пишет "undefined". если вызывать методы внутренних объектов по отдельности, например engine.start(), то работает. в чём же может быть дело?

    • @scottjenkinsjr
      @scottjenkinsjr 4 дні тому

      понял, в чём дело. метод start() срабатывает, но никаких значений не возвращает. ожидал, что вернёт разом всё, что возвращают методы start() всех вложенных объектов: Engine is started, Wiring is started, FuelPump is started

    • @YauhenKavalchuk
      @YauhenKavalchuk День тому

      Хорошо что разобрались самостоятельно!

  • @user-jk8dv3in3n
    @user-jk8dv3in3n 4 дні тому

    Ты очень хорошо записываешь уроки. Только не останавливайся!

    • @YauhenKavalchuk
      @YauhenKavalchuk День тому

      Спасибо большое за отзыв

  • @user-jk8dv3in3n
    @user-jk8dv3in3n 4 дні тому

    Не нашёл связи между таблицей в БД "posts", и моделью Post от postSchema. Где связь того, в какую именно таблицу мы пишем?

  • @DerekGaming
    @DerekGaming 4 дні тому

    Почему это объяснено лучше чем в яндекс практикум даже спустя 4 года?..

  • @shoma994
    @shoma994 5 днів тому

    если сделать подключение как на видео, то будет создаваться новая бд с названием test. Чтобы такого не было укажите название вашей бд, когда будете коннектиться к бд в файле app

  • @user-qw1lz7gl5v
    @user-qw1lz7gl5v 5 днів тому

    Здравствуйте, не подскажите, возникла ошибка, перепроверила код правильный, сервер запускается. Но в и postman, и в браузере возникает ошибка 404. Не подскажите возможные причины такой ошибки? Попробовала поменять порт, но итог тот-же. Буду благодарна.

  • @SergeyChuprikov
    @SergeyChuprikov 6 днів тому

    Совершенно ничего не понял - что за штука такая и на кой она нужна Вижу вроде я не один такой)))

  • @quentindrenton
    @quentindrenton 8 днів тому

    спасибо за видео!!

  • @ilyanikolaev3094
    @ilyanikolaev3094 8 днів тому

    Здравствуйте,подскажите пожалуйста,я верно понимаю,что такие теги , как : <tt>, <big> больше не воспринимаются в HTML5?

    • @YauhenKavalchuk
      @YauhenKavalchuk 7 днів тому

      По сути они устаревшие и использовались в версии HTML4

  • @mrSeven-iu2ii
    @mrSeven-iu2ii 8 днів тому

    Не понимаю почему так мало лайков, отличная работа!

  • @user-js4hj7hs7s
    @user-js4hj7hs7s 10 днів тому

    Можно ссылку где можно найти код к видео?

    • @YauhenKavalchuk
      @YauhenKavalchuk 9 днів тому

      В этом курсе не было кода, который сохранился где-нибудь

  • @Krylowandrey
    @Krylowandrey 10 днів тому

    3:08 а если мы просто напишем ul span ( вместо ul li > span)? Будут ли эти записи равнозначными?

    • @YauhenKavalchuk
      @YauhenKavalchuk 10 днів тому

      Если структура такая: ul>li>span, то эффект одинаковый. Но в вашем случае будет стилизация ВСЕХ span внутри ul.

  • @user-mq3jq7ib9h
    @user-mq3jq7ib9h 11 днів тому

    Единственный видос, после которого я понял что это

  • @user-bf4im2fs4x
    @user-bf4im2fs4x 11 днів тому

    спасибо!

  • @user-ed3hy4xz2g
    @user-ed3hy4xz2g 11 днів тому

    Вы забыли про yarnб он не в каждом челе установлен по default )

  • @tymurkr
    @tymurkr 11 днів тому

    Зачем он добавил тег <а> в <Link>? Это не обязательно, тег <Link> автоматически создает тег а, а так у тебя получаеться вложенность ссылок <а>

    • @YauhenKavalchuk
      @YauhenKavalchuk 9 днів тому

      Если мне не изменяет память, на момент записи оно не работало так, как вы описываете (хотя могу ошибаться)

  • @progerlife6690
    @progerlife6690 12 днів тому

    У кого не работает yarn или не установлен используйте для сборки и запуска проекта npm run build

  • @quentindrenton
    @quentindrenton 12 днів тому

    Спасибо за курс! Отлично освежил и структурировал знания

  • @knocker6970
    @knocker6970 12 днів тому

    Те кто придумал Typescript явно копировали с С++ , пацаны не прикалывались. Теперь в целом очень понятно становиться что и зачем нужно , потому что все новшества взяты из других популярных языков. Не нужно долго гадать 😎

  • @mason_mzk
    @mason_mzk 12 днів тому

    В целом уроки не плохие, но в 2024 году без GPT для отлова ошибок, и их исправлений, вам не обойтись, актуально, но синтаксис немного изменился

  • @el_0387
    @el_0387 13 днів тому

    Спасибо большое ! Очень нужный плейлист мне попался

  • @ivanmorozov6197
    @ivanmorozov6197 15 днів тому

    Вот это подборка! Спасибо огромное!

  • @user-xe4be7iq1q
    @user-xe4be7iq1q 15 днів тому

    7:52 10:40+

    • @YauhenKavalchuk
      @YauhenKavalchuk 15 днів тому

      🤔

    • @user-xe4be7iq1q
      @user-xe4be7iq1q 8 днів тому

      @@YauhenKavalchuk как вообще посчитать специфичность (я о тесте в конце)

  • @kkarpe4716
    @kkarpe4716 15 днів тому

    а если у меня фронт и сервер в одной ветке, то как мне сделать?

  • @ultrazedd3823
    @ultrazedd3823 15 днів тому

    Такой вопрос. В чем отличия тогда между justify-content и justify-items? Выходит они выполняют одну и туже функцию выравнивания эл-тов в контейнере?

  • @user-th4ws1cq4c
    @user-th4ws1cq4c 17 днів тому

    Этот видос просто имба

  • @Antinormanisto
    @Antinormanisto 17 днів тому

    Спасибо. Начинаю учить для того чтобы понимать что как, хоть и учу питон уже 7 месяцев и собираюсь писать на нём. Надо же понимать что в шаблонах изменяешь

  • @user-ex4xx2lu7g
    @user-ex4xx2lu7g 20 днів тому

    У меня не работает url

    • @YauhenKavalchuk
      @YauhenKavalchuk 19 днів тому

      Значит не верно определили путь

  • @katerinacherniavska
    @katerinacherniavska 20 днів тому

    После сохранения изменений во всех файлах и при запуске выбивает ошибку: [nodemon] app crashed - waiting for file changes before starting... с чем это может быть связано? спасибо

    • @katerinacherniavska
      @katerinacherniavska 20 днів тому

      так, ладно, попробовала запустить через node server.js, выбивало ошибку по потеряному модулю, я добавила "type": "module", в package.json, а также ./db изменила на ./db.js запустила так же, работает, но у меня не принимается переменная PORT и после запуска отображается Listening port: ${PORT} вместо заданного переменной значения 3000. В остальном работает, спасибо большое за урок!

    • @YauhenKavalchuk
      @YauhenKavalchuk 19 днів тому

      Не видя код, трудно помочь(

  • @Oksan4ik1
    @Oksan4ik1 22 дні тому

    Огромное спасибо) знакома с технологий, решила обновить знания и очень много вынесла с вашего урока!)

  • @begimaierkinova
    @begimaierkinova 24 дні тому

    я вот только начинаю изучать TS тк этому видео уже 4 года стоит ли его вообще смотреть не устарели ли некоторые моменты ?

  • @Ryterish
    @Ryterish 25 днів тому

    Спасибо

  • @bashkort_erete
    @bashkort_erete 28 днів тому

    спасибо за уроки пишу коммент в поддержку и продвижение этого канала