webDev
webDev
  • 576
  • 10 815 188
#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
✒ Автор курса:
✔ CZcams: czcams.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
zhlédnutí: 3 832

Video

ТОП 13 Репозиториев для БЕСПЛАТНОГО изучения веб-разработки
zhlédnutí 10KPřed 2 měsíci
#YauhenK #webdev #github #frontend ✒ Разверните IT-инфраструктуру для веб-проектов любой сложности со скидкой 20%: slc.tl/ja5t4 Реклама. ООО "Селектел". erid:LjN8KLsRD Всем привет. Предыдущее видео на канале о репозиториях полезных веб-разработчику собрало 1000 лайков. Поэтому, как и обещал выпускаю продолжение данной темы. Однако на этот раз я постарался сконцентрироваться на репозиториях, кот...
#54 Front-end. Вопросы на собеседовании
zhlédnutí 4,8KPřed 3 měsíci
#YauhenK #webDev #HTML #CSS #JS ✒ Стань “Белым” хакером в Skillfactory: go.skillfactory.ru/mAwc0g Возврат денег за курс, если не нашли работу после обучения скидка 45% по промокоду WEBDEV до 31.03.2024 г Всем привет! Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании». В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end...
ТОП 12 Репозиториев для веб-разработчика
zhlédnutí 16KPřed 4 měsíci
#YauhenK #webdev #github #frontend Всем привет! GitHub - это не просто хранилище кода, где можно держать свои проекты. Но так же и кладезь полезной и нужной информации для любого веб-разработчика если, конечно, знать где искать. В данном выпуске я бы хотел рассказать вам о нескольких репозиториях, которые должны вам пригодится. Это справочники, библиотеки, различные коллекции и так далее. ✒ Ски...
ТОП 12 Ресурсов для бесплатного изучения программирования
zhlédnutí 56KPřed 5 měsíci
#YauhenK #webdev #frontend #collection Всем привет! В данном видео я постарался собрать список самых полезных, а главное бесплатных ресурсов, сайтов, справочников и порталов для изучения программирования. Весь представленный список отсортирован в том порядке, как тот или иной ресурс вам пригодится. Почти все ресурсы универсальны и применимы для большинства направлений в IT. ✒ Размещайте свои пр...
Web Development 2024 Roadmap & Trends | Что учить в 2024?
zhlédnutí 32KPřed 6 měsíci
#YauhenK #webDev #frontend2024 #web2024 Всем привет! 2023 год подходит к завершению. Кризис в IT, который начался в 2022 продолжил набирать свои обороты и в текущем году. Ещё больше компаний начали оптимизировать свои ресурсы. В результате чего рынок оказался перенасыщен IT специалистами разных уровней. Получить конкурентное преимущество стало заметно сложнее, так как технологический стек требо...
ТОП 14 Генераторов CSS эффектов
zhlédnutí 8KPřed 7 měsíci
#YauhenK #webdev #css #collection Всем привет. Как часто, посещая различные сайты, вы видели что-то крутое сделанное на CSS, но не могли повторить это самостоятельно? Как много времени вы тратите на создание крутого эффекта, или анимации а по факту получаете не то что хотелось изначально? Не смотря на то, что каскадные таблицы стилей кажутся простым, в них полно нюансов. В данном видео я бы хот...
Vue.js. Полный курс
zhlédnutí 24KPřed rokem
#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. Полный курс
zhlédnutí 28KPřed rokem
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
ТОП 14 Chrome расширений для веб-разработчика
zhlédnutí 14KPřed rokem
#YauhenK #webDev #frontend #chrome Всем привет. Тему различных расширений для Google Chrome я обходил стороной довольно долго. Полагая что стандартных встроенных инструментов разработчика, вполне достаточно для разработки сайтов и веб-приложений. Но последний год доказал обратное. В результате я могу со стопроцентной уверенностью сказать что правильно подобранный набор расширений существенно уп...
TailwindCSS. Полный курс
zhlédnutí 62KPřed rokem
#YauhenK #webdev #TailwindCSS #Tailwind #CSS В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind испол...
MongoDB #20 Облачная база данных MongoDB Atlas (MongoDB Atlas)
zhlédnutí 9KPřed rokem
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
MongoDB #19 MVC и Роутер (MVC Pattern & Router)
zhlédnutí 4,4KPřed rokem
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
MongoDB #18 Интеграция mongoose (Mongoose Integration. Part II)
zhlédnutí 4,9KPřed rokem
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
MongoDB #17 Интеграция mongoose (Mongoose Integration. Part I)
zhlédnutí 8KPřed rokem
#YauhenK #webdev #mongodb #mongodbtutorialforbeginners В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштаб...
MongoDB #16 Создание и обновление документа (Creating & Updating Document)
zhlédnutí 4,5KPřed rokem
MongoDB #16 Создание и обновление документа (Creating & Updating Document)
Front-end 2023 Roadmap & Trends | Что учить в 2023?
zhlédnutí 125KPřed rokem
Front-end 2023 Roadmap & Trends | Что учить в 2023?
MongoDB #15 Чтение и удаление документа (Fetching & Removing Document)
zhlédnutí 5KPřed rokem
MongoDB #15 Чтение и удаление документа (Fetching & Removing Document)
MongoDB #14 Курсоры и получение данных (Cursors & Fetching Data)
zhlédnutí 8KPřed rokem
MongoDB #14 Курсоры и получение данных (Cursors & Fetching Data)
MongoDB #13 Создание сервера, подключение к БД (Creating Server & Connecting To MongoDB)
zhlédnutí 17KPřed rokem
MongoDB #13 Создание сервера, подключение к БД (Creating Server & Connecting To MongoDB)
MongoDB #12 Управление базами и коллекциями (Managing DBs & Collections)
zhlédnutí 7KPřed rokem
MongoDB #12 Управление базами и коллекциями (Managing DBs & Collections)
MongoDB #11 Полезные методы и операторы (Useful Methods & Operators)
zhlédnutí 6KPřed rokem
MongoDB #11 Полезные методы и операторы (Useful Methods & Operators)
MongoDB #10 Сложное обновление документов (Complex Updating Documents)
zhlédnutí 7KPřed rokem
MongoDB #10 Сложное обновление документов (Complex Updating Documents)
MongoDB #9 Удаление и обновление документов (Deleting & Updating Documents)
zhlédnutí 9KPřed rokem
MongoDB #9 Удаление и обновление документов (Deleting & Updating Documents)
MongoDB #8 Запросы вложенных документов (Querying Nested Documents)
zhlédnutí 10KPřed rokem
MongoDB #8 Запросы вложенных документов (Querying Nested Documents)
MongoDB #7 Операторы и составные запросы (Operators & Complex Queries)
zhlédnutí 10KPřed rokem
MongoDB #7 Операторы и составные запросы (Operators & Complex Queries)
MongoDB #6 Лимит и сортировка данных (Limiting & Sorting Data)
zhlédnutí 11KPřed rokem
MongoDB #6 Лимит и сортировка данных (Limiting & Sorting Data)
MongoDB #5 Поиск документов (Finding Documents)
zhlédnutí 13KPřed rokem
MongoDB #5 Поиск документов (Finding Documents)
MongoDB #4 Добавление новых данных (Adding New Documents)
zhlédnutí 17KPřed rokem
MongoDB #4 Добавление новых данных (Adding New Documents)
MongoDB #3 Использование MongoDB Compass и Shell (Using MongoDB Compass & Shell)
zhlédnutí 25KPřed rokem
MongoDB #3 Использование MongoDB Compass и Shell (Using MongoDB Compass & Shell)

Komentáře

  • @user-vw9be4yd1v
    @user-vw9be4yd1v Před 3 dny

    Спасибо большое. Очень понятно стало после просмотра вашего видео❤

  • @dastexx4195
    @dastexx4195 Před 4 dny

    Вначале думал вроде все знаю и не хотел смотреть, решил всё-таки глянуть и удивился как мало я знал о html (теперь я теоритически подкреплён), автору респект.

  • @edge3164
    @edge3164 Před 5 dny

    Воу, неужто я нашел грааль

  • @goss-amer
    @goss-amer Před 5 dny

    Делаю курсач, что бы не мучаться обычным с css пришла идея использовать совсем незнакомый мне tailwind. Твой курс - просто находка. Все ясно и поянтно, а главное есть страница сайта в результате, а не прсото "кусочки"

  • @andrewpulyaev2539
    @andrewpulyaev2539 Před 5 dny

    Честно говоря курс немножко устарел за 5 лет. Было бы круто переписать его на Next.js с API Routes. А так спасибо большое!

  • @user-nf1oz1js1l
    @user-nf1oz1js1l Před 6 dny

    Супер офигенно

  • @OleksandrGochu
    @OleksandrGochu Před 7 dny

    Hi, maybe it can be useful for someone maybe not, but I can make front end part (inside application folder) working only with node's version 16.20.2 (nvm helps a lot), by the way, on present date (June 2024) I can made back end part working too (on mentioned above node's version) but it needs a little more package.json's configuration/changes and also applies changes inside app.js . I'm to promoting any libraries just want to share my experience, and hope that it can be useful

  • @sarvarkuchimbayev4358

    nic nie rozumiju

  • @seriogaromanchykov9451

    Спасибо за контент!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @deanwichester6412
    @deanwichester6412 Před 8 dny

    начал с фронтенд , в итоге занесло в бекенд , а всего лишь начал делать магазин медных чайничков

  • @andrewpulyaev2539
    @andrewpulyaev2539 Před 8 dny

    С каждым видео лайков всё меньше. Не все доживут до конца 🤣

  • @Anatol8591
    @Anatol8591 Před 9 dny

    И снова я пересматриваю видео. Лучшее видео по grid Спасибо.

  • @molchanov5362
    @molchanov5362 Před 10 dny

    Энамка

  • @aw_bobr_kurwa
    @aw_bobr_kurwa Před 10 dny

    2:12:50

  • @voronovmaksim88
    @voronovmaksim88 Před 11 dny

    Очень полезный курс. Хорошая подача. Лайк и подписка!

  • @liza3413
    @liza3413 Před 12 dny

    Здравствуйте вы делаете сайт? Мне нужен сайт антиквариат

  • @thefact4529
    @thefact4529 Před 13 dny

    thanks a lot

  • @podpalmoi
    @podpalmoi Před 14 dny

    3:14 почему стрелочная функция не в {}, а в ()? Это старый синтаксис или что? Также если вы импортировали Head в _app.js, то зачем повторяли это в дочерних компонентах? Лишнее.

    • @YauhenKavalchuk
      @YauhenKavalchuk Před 13 dny

      1. Предыдущий вариант синтаксиса 2. Видимо забыл удалить из остальных компонентов (опечатка)

  • @user-rk7dm1xm3r
    @user-rk7dm1xm3r Před 14 dny

    Omg. Автор так похож на Ким Чен Ына 🤭

  • @podpalmoi
    @podpalmoi Před 14 dny

    С использованием index.js в дочерних компонентах как редиректить на главную? Копипастить её в каждую папку?

  • @user-wh5zg5iz9f
    @user-wh5zg5iz9f Před 14 dny

    сделай ролик про обложку сайта с анимацией пожалуйста

    • @YauhenKavalchuk
      @YauhenKavalchuk Před 13 dny

      Не понял что вы имеете ввиду (

  • @user-jf8ff1vy2i
    @user-jf8ff1vy2i Před 16 dny

    Очень крутое видео! А подскажите, в какой программе вы пишете код, что сразу можно открыть несколько окон и видеть результат?

    • @YauhenKavalchuk
      @YauhenKavalchuk Před 13 dny

      Это VS Code и хром. Просто открыты одновременно

  • @maksymdudyk1718
    @maksymdudyk1718 Před 16 dny

    Redux-Saga, 1 миллион 200 тьісяч загрузок в неделю на Npm. Етот продукт теперь снова поддерживается. В связи с наступлением server actions Redux-Saga может получить второе дьіхание.

  • @dreamhousem
    @dreamhousem Před 17 dny

    Понравилось, спасибо за труд, но ничего не понял. Пойду дальше.

  • @user-jf8ff1vy2i
    @user-jf8ff1vy2i Před 17 dny

    Супер видео, все четко й понятно!

  • @user-tk7qv9rv2c
    @user-tk7qv9rv2c Před 18 dny

    Спасибо большое! Не поняла только как можно использовать сss-переменные и как задать свои брейкпоинты, ведь свой дизайн может ломаться на других разрешениях(

    • @YauhenKavalchuk
      @YauhenKavalchuk Před 17 dny

      В самом конце курса рассказываю о конфигурировании настроек. При этом конфигурировании можно задавать свои цвета, размеры и т.д.

  • @MrSunTrope
    @MrSunTrope Před 18 dny

    Мне очень понравился тайлвинд, спасибо!

  • @Anatol8591
    @Anatol8591 Před 23 dny

    Спасибо. С удовольствием, одним махом посмотрел все видео. Понял то, что раньше никак не мог понять. Буду смотреть следующие уроки.

  • @user-hj1eh8dk9p
    @user-hj1eh8dk9p Před 23 dny

    Отличный курс. Как раз то, что очень долго искал. Особенно понравилась идея создать отдельные ветки на github для каждого урока. Разбивка курса на короткие уроки тоже, на мой взгляд, имеет преимущества перед продолжительным по времени курсом.

  • @inotak
    @inotak Před 26 dny

    Отлично обьяснил и наглядно все. Спасибо!

  • @Sergey_Klimov
    @Sergey_Klimov Před 26 dny

    Тогда непонятно зачем создавать новый экземпляр класса к каждой переменной. Ну был бы это export default обычный и все.

  • @igetout
    @igetout Před 26 dny

    Ребята, помогите с косяком, не могу понять часть из секции про наследование, точнее про абстракцию. Вот код и песочницы abstract class User { constructor(public name: string, public age: number ) {} greet(): void { console.log(`Hi, ${this.name}`) } abstract getPass(): string } class Anyname extends User { name: string = 'Anikeyn' constructor(age: number) { super(name, age) <-------------- } getPass():string { return `${this.name}${this.age}` } } Где указано стрелкой у меня ругается на присвоение name, chatGPT посоветовал передавать имя просто строкой, но в таком случае, не будут доступны геттеры и сеттеры. Может я что-то не так понимаю, или где - то ошибся, вроде код сверил с уроком несколько раз. Объясните плз, где моя ошибка)

    • @YauhenKavalchuk
      @YauhenKavalchuk Před 26 dny

      В новых версиях «name» - это зарезервированное имя, как в JS : delete, default, export и т.д. Просто измените name на любое другое значение

    • @igetout
      @igetout Před 26 dny

      @@YauhenKavalchuk Спасибо, Евгений, теперь не только за видео но и за такую оперативность)

  • @migdorytele3782
    @migdorytele3782 Před 27 dny

    👍

  • @alex_borisovic
    @alex_borisovic Před 27 dny

    Подскажите кто в теме MongoDB не работает для России?

  • @user-er9nl7zu6e
    @user-er9nl7zu6e Před 29 dny

    Командная строка работает без интернета?!

  • @webmapping
    @webmapping Před 29 dny

    Хоспаде, чтобы стать программистом достаточно iq хотя бы 80

  • @spitfire4725
    @spitfire4725 Před 29 dny

    А как можно удалить каскадно?

  • @RuslanZeynalov-dh3jk
    @RuslanZeynalov-dh3jk Před měsícem

    👍👍👍👍👍👍👍👍

  • @klyukvach
    @klyukvach Před měsícem

    спасибо!

  • @deanwichester6412
    @deanwichester6412 Před měsícem

    // Вариант 1 class Logger extends EventEmitter { log(msg) { console.log(msg); } error(msg) { console.error(msg); } } // Вариант 2 class Logger extends EventEmitter { log = (msg) => { console.log(msg); } }Ребят кто знает почему не первый вариант 7:38

  • @Dimidrol14
    @Dimidrol14 Před měsícem

    5:18 вы не перебьете id ни классами, ни тегами, даже если вложенность будет 110

  • @br1892
    @br1892 Před měsícem

    Ты лучший, благодарю )

  • @user-tk7qv9rv2c
    @user-tk7qv9rv2c Před měsícem

    Спасибо!!! Уже давно ищу, чтобы в одном месте все было!

  • @volhayalloo6328
    @volhayalloo6328 Před měsícem

    Спасибо огромное за этот курс!) Всё повторила за вами, все получилось классно. Спасибо!

  • @blackhome418
    @blackhome418 Před měsícem

    Привет Евгений,спасибо тебе за уроки.Учусь по твоим урокам.Делал все по твоим примеру,но почему то при переходе по ссылке /contacts и другим ссылкам начинается скачивание contacts.ejs.сам пытался найти ошибку,но за мало опыта не получается найти.подскажи почему так случилось и как это исправить.

    • @YauhenKavalchuk
      @YauhenKavalchuk Před měsícem

      Видимо что-то напутали в конфигурировании сервера. Рекомендую зайти в репозиторий, открыть код урока и внимательно сверить код

  • @blackwood8816
    @blackwood8816 Před měsícem

    Благодарю за объяснение))

  • @moivozmojnostyvsegdavmoupolzu

    Будьте любезны, подскажите какой-нибудь браузер, который совместится с виндоусом и желательно чтобы был полегче весом и побюджетнее обходился, может есть даже безплатный, хотя трудно, наверное таковые найти на сегодняшний день. 🧀🐭

  • @Homa496
    @Homa496 Před měsícem

    Возможно ли выводить через такой сервер html страницу ?

  • @AbUzAdAAbUzAdAtJk
    @AbUzAdAAbUzAdAtJk Před měsícem

    спасибо все понял 👍

  • @froggiii1
    @froggiii1 Před měsícem

    Спасибо большое за вашу работу! очень доходчиво и наглядно доносится материал 🙏