![webDev](/img/default-banner.jpg)
- Видео 577
- Просмотров 10 776 331
webDev
Беларусь
Добавлен 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: gi...
Всем привет!
Добро пожаловать в видеокаст «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)
thanks a lot
You’re welcome
3:14 почему стрелочная функция не в {}, а в ()? Это старый синтаксис или что? Также если вы импортировали Head в _app.js, то зачем повторяли это в дочерних компонентах? Лишнее.
1. Предыдущий вариант синтаксиса 2. Видимо забыл удалить из остальных компонентов (опечатка)
Omg. Автор так похож на Ким Чен Ына 🤭
Да, мне уже писали об этом
С использованием index.js в дочерних компонентах как редиректить на главную? Копипастить её в каждую папку?
Не совсем понял вопрос(
сделай ролик про обложку сайта с анимацией пожалуйста
Не понял что вы имеете ввиду (
Очень крутое видео! А подскажите, в какой программе вы пишете код, что сразу можно открыть несколько окон и видеть результат?
Это VS Code и хром. Просто открыты одновременно
Redux-Saga, 1 миллион 200 тьісяч загрузок в неделю на Npm. Етот продукт теперь снова поддерживается. В связи с наступлением server actions Redux-Saga может получить второе дьіхание.
Может
Понравилось, спасибо за труд, но ничего не понял. Пойду дальше.
👍
Супер видео, все четко й понятно!
Спасибо за отзыв
Спасибо большое! Не поняла только как можно использовать сss-переменные и как задать свои брейкпоинты, ведь свой дизайн может ломаться на других разрешениях(
В самом конце курса рассказываю о конфигурировании настроек. При этом конфигурировании можно задавать свои цвета, размеры и т.д.
Мне очень понравился тайлвинд, спасибо!
Пожалуйста
Спасибо. С удовольствием, одним махом посмотрел все видео. Понял то, что раньше никак не мог понять. Буду смотреть следующие уроки.
👍
Отличный курс. Как раз то, что очень долго искал. Особенно понравилась идея создать отдельные ветки на github для каждого урока. Разбивка курса на короткие уроки тоже, на мой взгляд, имеет преимущества перед продолжительным по времени курсом.
Спасибо большое за отзыв
Отлично обьяснил и наглядно все. Спасибо!
Пожалуйста
Тогда непонятно зачем создавать новый экземпляр класса к каждой переменной. Ну был бы это export default обычный и все.
Ребята, помогите с косяком, не могу понять часть из секции про наследование, точнее про абстракцию. Вот код и песочницы 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 посоветовал передавать имя просто строкой, но в таком случае, не будут доступны геттеры и сеттеры. Может я что-то не так понимаю, или где - то ошибся, вроде код сверил с уроком несколько раз. Объясните плз, где моя ошибка)
В новых версиях «name» - это зарезервированное имя, как в JS : delete, default, export и т.д. Просто измените name на любое другое значение
@@YauhenKavalchuk Спасибо, Евгений, теперь не только за видео но и за такую оперативность)
👍
👍
Подскажите кто в теме MongoDB не работает для России?
Только под vpn
Командная строка работает без интернета?!
Конечно
Хоспаде, чтобы стать программистом достаточно iq хотя бы 80
Ну-ну
А как можно удалить каскадно?
Никак(
👍👍👍👍👍👍👍👍
👍
спасибо!
Пожалуйста
// Вариант 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
5:18 вы не перебьете id ни классами, ни тегами, даже если вложенность будет 110
Ты лучший, благодарю )
Всегда пожалуйста
Спасибо!!! Уже давно ищу, чтобы в одном месте все было!
Пожалуйста
Спасибо огромное за этот курс!) Всё повторила за вами, все получилось классно. Спасибо!
Всегда пожалуйста
Привет Евгений,спасибо тебе за уроки.Учусь по твоим урокам.Делал все по твоим примеру,но почему то при переходе по ссылке /contacts и другим ссылкам начинается скачивание contacts.ejs.сам пытался найти ошибку,но за мало опыта не получается найти.подскажи почему так случилось и как это исправить.
Видимо что-то напутали в конфигурировании сервера. Рекомендую зайти в репозиторий, открыть код урока и внимательно сверить код
Благодарю за объяснение))
Всегда пожалуйста
Будьте любезны, подскажите какой-нибудь браузер, который совместится с виндоусом и желательно чтобы был полегче весом и побюджетнее обходился, может есть даже безплатный, хотя трудно, наверное таковые найти на сегодняшний день. 🧀🐭
Возможно ли выводить через такой сервер html страницу ?
Конечно
спасибо все понял 👍
👍
Спасибо большое за вашу работу! очень доходчиво и наглядно доносится материал 🙏
Пожалуйста
Похоже на плохой код. Интерфейсы без приписки I.
Вам виднее…
Хороший курс, спасибо, а есть такой же по 14-й версии?
К сожалению, пока нету
@@YauhenKavalchuk Жаль конечно, но ещё раз спасибо за качественные и очень интереснын видео, всегда их смотрю с удовольствием.
небольшая помарочка: на 6:52 вы говорите - "поскольку в константу у нас уже присвоена функция, то типа void у неё не может быть впринципе". Правильнее наоборот - поскольку константе присвоен тип void, ей не может быть присвоена функция (о чём и пишет ошибка). Сорри за душнение, но мне кажется, этот момент стоит обозначить для лучшего понимания того, что происходит.
👍 спасибо за уточнение
+++
👍
Как по мне, так странно открывать на своём канале выпуски по данной теме только с 1 по 6, а потом 54 и 55, некоторым регионам даже не показывают кнопку спонсировать и получается вы делаете хорошее вроде бы дело, но не для всех, а только для избранных
Не для избранных, а для тех кто готов потратить хоть чуть-чуть на своё обучение. К тому же, есть вариант спонсорства и через крипту. Я бы с радостью открыл весь плейлист, но думаю почти все перестанут быть спонсорами
@@YauhenKavalchuk готова оформить миддл-подписку, патреон (гугл?) не устраивает моя рф-карта
final-db.json где находится подскажите
Папка DBs
То есть чтобы сделать оптимизацию нужно переделать рекурсию в хвостовкю рекурсию и включить 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()}.` }
Как вариант)
Что-то я не в одном твоём уроке не слышал, о том, что ты упоминал этот стереотип, о знание английского. Получается, что люди, которые потратили часы своего времени, тратили его впустую, ибо ты только в этом видео говоришь об этом. Как-то лицемерненько, и очень забавно.
Значит плохо смотрели. Как минимум в плейлисте «дорожные карты» каждый год это говорю! В плейлисте «frontreview» в тематических видео говорю. В видеокаста repozitorro когда рассматривал некоторые портфолио говорил об этом. На стримах говорю каждый раз!!!
СПАСИБО!!!! Я уж думал, что никогда не разберусь, а тут 7 минут и готово!!!!
Всегда пожалуйста
на 10:48 у вас ошибка в строке 9. console.log(true || null || 'string') выведет true, а не null
Да, опечатка(