📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
Очень понравилось когда ты показал примеры использования классов из реального проекта, показывай больше таких примеров т.к они вносят большую ясность и ты можешь наглядно увидеть применение
В следующем мастер-классе будет верстка с JS, где сначала напишем логику компонентов на функциях, а затем покажу, как удобно можно всё организовать через классы.
@@AleksanderLamkov да, я только подумала "вот бы на реальном примере увидеть что это" и вуаля показал пример с проекта. Спасибо за такой качественный контент!
Александр, спасибо за ценную информацию, которую даете в последнее время стал смотреть только ваши уроки по интересующим темам, хотел бы очень увидеть урок по bootstrap от вас
С бутстрап я не работаю, да и там изучать нечего - это просто набор утилитарных классов, которые в процессе верстки нужно подсматривать в документации.
Отличный урок, очень ограничены классы в своих возможностях в js по сравнению с другими языками, с другой стороны от него и не требуется таких возможностей.
На видео ( 11:46 ) у тебя свёрнуты фрагменты кода сеттера и геттера: city, в одну строчку. Есть ли такая настройки и для html/css/js в vs code? Всё никак не могу найти её или это расширением каким делается?
Да, есть! File --> Preferences --> Keyboard Shortcuts Хоткеи для: Fold All Unfold All Выделяешь блок кода, жмешь сочетание клавиш и выделенная часть кода сворачивается / разворачивается. Работает для всех языков, в т. ч. для HTML, CSS и JS.
@@AleksanderLamkov не то поведение. Это стандартное сворачивание/развёртывание но для всех блоков кода в файле. Я хочу найти поведения при сворачивание/развёртывание, на подобие расширение: Better Folding, само расширение работает немного коряво и не для html.
такой вот вопрос: есть задача сделать список карточек с десертами, из 30 штук, вся информация для них лежит в json. Каждая карточка имеет кнопку "добавить в корзину", нажатие на которую открывает качели больше-меньше. Есть ли смысл использовать классы для этого, как я планировала? я думала фетчить данные, перебирать их в цикле, создавая для каждого экземпляр класса с соответствующими методами. Только вот не знаю правильная ли это идея. А еще я не очень понимаю как прослушивание событий на них вешать - отдельно или внутри класса как часть метода создания. Спасибо большое за вашу работу!
Классы позволяют структурировать код, но при этом не обязательно создавать экземпляр класса под каждую карточку товара, можно сделать всё в одном классе. Что-то вроде: class ProductList { constructor() { this.fetchItems() this.renderItems() this.bindEvents() } } Затем просто инициализируем: new ProductList() По поводу "прослушивания событий" - в методе bindEvents навешиваем на document событие click, определяем цель клика и если кнопка "Добавить в корзину", то делегируем событие (объект event) отдельному методу класса, который уже и будет обрабатывать клик по конкретной карточке. Вообще, задачу эту можно решить множеством способов. Сделай так, как тебе кажется удобным. Главное, чтобы работало.
А как лучше использовать геттеры и сеттеры в JavaScript классах?) я когда искал курсы по IT,рассматривал разные компании,но выбрал Skypro,потому что они помогли мне освоить веб-дизайн))
Забавно. На нескольких роликах моего канала похожие комментарии с упоминанием Skypro, залайканные по ~50 раз. Я понимаю, что это вы так рекламируете себя. Не мне судить о ваших способах пиара, но своих подписчиков предупрежу - анализируйте, пожалуйста, курс перед покупкой, смотрите программу обучения, изучайте условия, сравнивайте несколько предложений и не принимайте поспешных решений.
Уже есть. Прототипное наследование, любые функции-конструкторы, очень своеобразная область видимости и прочие особенности уходят в прошлое. Скоро язык станет тем, чем его изначально предполагали делать - java в браузере.
Да, тема прям непростая. В ближайшие недели на канале в рамках текущего курса будут уроки, где будем использовать классы для реализации конкретных UI-компонентов. Надеюсь, что это закроет ещё часть пробелов по этой теме :)
@@AleksanderLamkov в целом сама подача материала, не я ничего против не имею всё качественно звук, видео... Но как для меня быстро и не для совсем новичков. Как будто декларация или лекция в инстике:)
Я всегда сопровождаю свою речь кодом настолько часто, насколько это возможно. А если считаю, что по конкретному коду требуется ещё что-то рассказать, то я рассказываю. С лекцией сравнение мне не нравится, т. к. я не университетский лектор на зарплате, зачитывающий методичку двадцилетней давности. Я практикующий разработчик со свежим опытом, готовлюсь к каждой теме видео не один десяток часов, выдавливая и вылизывая сценарий так, чтобы в нём не осталось лишнего. Если считаешь, что всё равно моей работы над материалом недостаточно и можно как-то ещё ужать и круче подать материал - попробуй поучись на условном Яндекс Практикуме или на learn javascript ru. Удивлюсь, если тебя надолго хватит.
P. S. И в универе тебе так свежо про JS точно не расскажут. Если вообще про JS хоть что-то будет в программе обучения. Скорее нудятина про C и ассемблер. Поверь, я знаю, я там был и через всё это проходил.
15:05 Практическим методом выяснил, что в статических методах можно обращаться через ключевое слово this но только к статическим методам и свойствам: class Student { static country = 'Россия' constructor(name, age) { this.name = name this.age = age } static logCountryInner() { console.log(`Страна: ${this.country}`) } static logCountry() { this.logCountryInner() } } Student.logCountry() У меня такой код вывел в консоль "Страна: Россия" без ошибок
📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь:
💬 t.me/friendlyFrontendChat
Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
Очень понравилось когда ты показал примеры использования классов из реального проекта, показывай больше таких примеров т.к они вносят большую ясность и ты можешь наглядно увидеть применение
В следующем мастер-классе будет верстка с JS, где сначала напишем логику компонентов на функциях, а затем покажу, как удобно можно всё организовать через классы.
@@AleksanderLamkov да, я только подумала "вот бы на реальном примере увидеть что это" и вуаля показал пример с проекта. Спасибо за такой качественный контент!
Как по мне, самое понятное объяснение ооп в js, спасибо огромное
Спасибо маста Александр, все понятно объяснил про классы и констракта
Лайк, стало реально понятнее, теперь бы еще попрактиковаться в этих классах
Обязательно применим на практике в следующем мастер-классе!)
Александр, спасибо Вам большое за материалы, отличное видео, очень хорошо объясняете!
17:45 - "А что если разработчик спит не как обычный человек" Заставляет задуматься и улыбнуться🤣👍👍👍
Коммент в поддержку, спасибо за урок!
Александр, спасибо за ценную информацию, которую даете в последнее время стал смотреть только ваши уроки по интересующим темам, хотел бы очень увидеть урок по bootstrap от вас
С бутстрап я не работаю, да и там изучать нечего - это просто набор утилитарных классов, которые в процессе верстки нужно подсматривать в документации.
Ты как всегда на высоте!!
Спасибо, стало понятнее.
Спасибо!
Спасибо!
на 2:40 все таки сдался и сказал "конструктор")))
😁 Есть такое
все хорошо. Поставил лайк, подписался, но "Врайт код" меня убило
лучший
ты лучший!!!
Отличный урок, очень ограничены классы в своих возможностях в js по сравнению с другими языками, с другой стороны от него и не требуется таких возможностей.
На видео ( 11:46 ) у тебя свёрнуты фрагменты кода сеттера и геттера: city, в одну строчку. Есть ли такая настройки и для html/css/js в vs code? Всё никак не могу найти её или это расширением каким делается?
Да, есть!
File --> Preferences --> Keyboard Shortcuts
Хоткеи для:
Fold All
Unfold All
Выделяешь блок кода, жмешь сочетание клавиш и выделенная часть кода сворачивается / разворачивается. Работает для всех языков, в т. ч. для HTML, CSS и JS.
@@AleksanderLamkov не то поведение. Это стандартное сворачивание/развёртывание но для всех блоков кода в файле. Я хочу найти поведения при сворачивание/развёртывание, на подобие расширение: Better Folding, само расширение работает немного коряво и не для html.
Хм, о таком не знаю, извини. В WebStorm всё изкоробки. Посоветовал бы на него перейти, если есть такая возможность.
такой вот вопрос: есть задача сделать список карточек с десертами, из 30 штук, вся информация для них лежит в json. Каждая карточка имеет кнопку "добавить в корзину", нажатие на которую открывает качели больше-меньше. Есть ли смысл использовать классы для этого, как я планировала?
я думала фетчить данные, перебирать их в цикле, создавая для каждого экземпляр класса с соответствующими методами. Только вот не знаю правильная ли это идея. А еще я не очень понимаю как прослушивание событий на них вешать - отдельно или внутри класса как часть метода создания.
Спасибо большое за вашу работу!
Классы позволяют структурировать код, но при этом не обязательно создавать экземпляр класса под каждую карточку товара, можно сделать всё в одном классе.
Что-то вроде:
class ProductList {
constructor() {
this.fetchItems()
this.renderItems()
this.bindEvents()
}
}
Затем просто инициализируем:
new ProductList()
По поводу "прослушивания событий" - в методе bindEvents навешиваем на document событие click, определяем цель клика и если кнопка "Добавить в корзину", то делегируем событие (объект event) отдельному методу класса, который уже и будет обрабатывать клик по конкретной карточке.
Вообще, задачу эту можно решить множеством способов. Сделай так, как тебе кажется удобным. Главное, чтобы работало.
@@AleksanderLamkov большое спасибо!
А как лучше использовать геттеры и сеттеры в JavaScript классах?) я когда искал курсы по IT,рассматривал разные компании,но выбрал Skypro,потому что они помогли мне освоить веб-дизайн))
Я покажу в следующем мастер-классе, как можно их использовать 🙂
Забавно. На нескольких роликах моего канала похожие комментарии с упоминанием Skypro, залайканные по ~50 раз.
Я понимаю, что это вы так рекламируете себя.
Не мне судить о ваших способах пиара, но своих подписчиков предупрежу - анализируйте, пожалуйста, курс перед покупкой, смотрите программу обучения, изучайте условия, сравнивайте несколько предложений и не принимайте поспешных решений.
Прикольный пиар)) не замечал никогда такого.
Что, пожалуй, действительно стоит покупать у них - курсы по маркетингу)))
@@AleksanderLamkovне лучше просто удалять подобные комментарии? Скорее это боты.
Это единственный комментарий, который я решил оставить, ибо я уже его компрометирующе прокомментировал 🙃
Всегда думал, что в js классов нет.
Уже есть.
Прототипное наследование, любые функции-конструкторы, очень своеобразная область видимости и прочие особенности уходят в прошлое.
Скоро язык станет тем, чем его изначально предполагали делать - java в браузере.
вроде и понятно, но одним\двумя роликами на ютубе не отделаешься..)
Да, тема прям непростая. В ближайшие недели на канале в рамках текущего курса будут уроки, где будем использовать классы для реализации конкретных UI-компонентов. Надеюсь, что это закроет ещё часть пробелов по этой теме :)
Много говоришь и не показываешь, то есть как лекция какая-то 😊
Например в какой момент? Можешь таймкодом написать, пожалуйста.
@@AleksanderLamkov в целом сама подача материала, не я ничего против не имею всё качественно звук, видео... Но как для меня быстро и не для совсем новичков. Как будто декларация или лекция в инстике:)
Я всегда сопровождаю свою речь кодом настолько часто, насколько это возможно. А если считаю, что по конкретному коду требуется ещё что-то рассказать, то я рассказываю.
С лекцией сравнение мне не нравится, т. к. я не университетский лектор на зарплате, зачитывающий методичку двадцилетней давности. Я практикующий разработчик со свежим опытом, готовлюсь к каждой теме видео не один десяток часов, выдавливая и вылизывая сценарий так, чтобы в нём не осталось лишнего.
Если считаешь, что всё равно моей работы над материалом недостаточно и можно как-то ещё ужать и круче подать материал - попробуй поучись на условном Яндекс Практикуме или на learn javascript ru. Удивлюсь, если тебя надолго хватит.
P. S. И в универе тебе так свежо про JS точно не расскажут. Если вообще про JS хоть что-то будет в программе обучения. Скорее нудятина про C и ассемблер. Поверь, я знаю, я там был и через всё это проходил.
какое все-таки отвратительное объяснение
Что именно не так? Прошу, дай более развернутую обратную связь.
15:05
Практическим методом выяснил, что в статических методах можно обращаться через ключевое слово this но только к статическим методам и свойствам:
class Student {
static country = 'Россия'
constructor(name, age) {
this.name = name
this.age = age
}
static logCountryInner() {
console.log(`Страна: ${this.country}`)
}
static logCountry() {
this.logCountryInner()
}
}
Student.logCountry()
У меня такой код вывел в консоль "Страна: Россия" без ошибок