webDev
webDev
  • Видео 577
  • Просмотров 10 776 331
#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: gi...
Просмотров: 3 493

Видео

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

Комментарии

  • @thefact4529
    @thefact4529 14 часов назад

    thanks a lot

  • @podpalmoi
    @podpalmoi День назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk День назад

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

  • @user-rk7dm1xm3r
    @user-rk7dm1xm3r День назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk День назад

      Да, мне уже писали об этом

  • @podpalmoi
    @podpalmoi День назад

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

  • @user-wh5zg5iz9f
    @user-wh5zg5iz9f 2 дня назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk День назад

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

  • @user-jf8ff1vy2i
    @user-jf8ff1vy2i 3 дня назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk День назад

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

  • @maksymdudyk1718
    @maksymdudyk1718 3 дня назад

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

  • @dreamhousem
    @dreamhousem 4 дня назад

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

  • @user-jf8ff1vy2i
    @user-jf8ff1vy2i 4 дня назад

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

  • @user-tk7qv9rv2c
    @user-tk7qv9rv2c 5 дней назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk 5 дней назад

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

  • @MrSunTrope
    @MrSunTrope 5 дней назад

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

  • @Anatol8591
    @Anatol8591 10 дней назад

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

  • @user-hj1eh8dk9p
    @user-hj1eh8dk9p 10 дней назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk 9 дней назад

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

  • @inotak
    @inotak 13 дней назад

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

  • @Sergey_Klimov
    @Sergey_Klimov 14 дней назад

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

  • @igetout
    @igetout 14 дней назад

    Ребята, помогите с косяком, не могу понять часть из секции про наследование, точнее про абстракцию. Вот код и песочницы 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 13 дней назад

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

    • @igetout
      @igetout 13 дней назад

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

  • @migdorytele3782
    @migdorytele3782 14 дней назад

    👍

  • @alex_borisovic
    @alex_borisovic 14 дней назад

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

  • @user-er9nl7zu6e
    @user-er9nl7zu6e 16 дней назад

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

  • @webmapping
    @webmapping 16 дней назад

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

  • @spitfire4725
    @spitfire4725 16 дней назад

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

  • @RuslanZeynalov-dh3jk
    @RuslanZeynalov-dh3jk 18 дней назад

    👍👍👍👍👍👍👍👍

  • @klyukvach
    @klyukvach 18 дней назад

    спасибо!

  • @deanwichester6412
    @deanwichester6412 19 дней назад

    // Вариант 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 19 дней назад

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

  • @br1892
    @br1892 20 дней назад

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

  • @user-tk7qv9rv2c
    @user-tk7qv9rv2c 20 дней назад

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

  • @volhayalloo6328
    @volhayalloo6328 21 день назад

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

  • @blackhome418
    @blackhome418 21 день назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk 20 дней назад

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

  • @blackwood8816
    @blackwood8816 21 день назад

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

  • @moivozmojnostyvsegdavmoupolzu
    @moivozmojnostyvsegdavmoupolzu 22 дня назад

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

  • @Homa496
    @Homa496 22 дня назад

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

  • @AbUzAdAAbUzAdAtJk
    @AbUzAdAAbUzAdAtJk 22 дня назад

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

  • @froggiii1
    @froggiii1 23 дня назад

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

  • @holyfortesque
    @holyfortesque 24 дня назад

    Похоже на плохой код. Интерфейсы без приписки I.

  • @lukts7839
    @lukts7839 27 дней назад

    Хороший курс, спасибо, а есть такой же по 14-й версии?

    • @YauhenKavalchuk
      @YauhenKavalchuk 27 дней назад

      К сожалению, пока нету

    • @lukts7839
      @lukts7839 26 дней назад

      @@YauhenKavalchuk Жаль конечно, но ещё раз спасибо за качественные и очень интереснын видео, всегда их смотрю с удовольствием.

  • @cobectb
    @cobectb 27 дней назад

    небольшая помарочка: на 6:52 вы говорите - "поскольку в константу у нас уже присвоена функция, то типа void у неё не может быть впринципе". Правильнее наоборот - поскольку константе присвоен тип void, ей не может быть присвоена функция (о чём и пишет ошибка). Сорри за душнение, но мне кажется, этот момент стоит обозначить для лучшего понимания того, что происходит.

    • @YauhenKavalchuk
      @YauhenKavalchuk 27 дней назад

      👍 спасибо за уточнение

  • @MurodilIbroximov-pq1wl
    @MurodilIbroximov-pq1wl 29 дней назад

    +++

  • @user-md6iv6qx1d
    @user-md6iv6qx1d Месяц назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk Месяц назад

      Не для избранных, а для тех кто готов потратить хоть чуть-чуть на своё обучение. К тому же, есть вариант спонсорства и через крипту. Я бы с радостью открыл весь плейлист, но думаю почти все перестанут быть спонсорами

    • @n3ur0mance
      @n3ur0mance 22 дня назад

      ​@@YauhenKavalchuk готова оформить миддл-подписку, патреон (гугл?) не устраивает моя рф-карта

  • @umid8671
    @umid8671 Месяц назад

    final-db.json где находится подскажите

  • @user-hk7td4dh1o
    @user-hk7td4dh1o Месяц назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk Месяц назад

      Один из вариантов оптимизации рекурсии - это использование хвостовой рекурсии (оптимизация которой, выполняете автоматически браузером). А вообще, лучше стараться использовать цикл

  • @blackwood8816
    @blackwood8816 Месяц назад

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

  • @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 Месяц назад

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

  • @avatar33311111111111
    @avatar33311111111111 Месяц назад

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

    • @YauhenKavalchuk
      @YauhenKavalchuk Месяц назад

      Значит плохо смотрели. Как минимум в плейлисте «дорожные карты» каждый год это говорю! В плейлисте «frontreview» в тематических видео говорю. В видеокаста repozitorro когда рассматривал некоторые портфолио говорил об этом. На стримах говорю каждый раз!!!

  • @user-rn6bx8pg4g
    @user-rn6bx8pg4g Месяц назад

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

  • @user-vc5xs1no7m
    @user-vc5xs1no7m Месяц назад

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