Поиск пользователей Github с помощью github API. SPA на Native JavaScript. Часть 2
HTML-код
- Опубликовано: 27 сен 2024
- Всем привет. В данном видео мы с вами напишем SPA на нативном Javascript. С помощью github api будет искать пользователей и выводить их списком.
Готово приложение github.com/FAR...
Материалы из видео github.com/FAR...
Плейлисты моего канала, которые также могут быть вам интересны
Верстка сайта #10. PSD 2 HTML . Верстка сайта по продаже строительных материалов - bit.ly/2kIF3Ov
Chrome DevTools - bit.ly/33IfApM
Учим программирование через игры - bit.ly/2CEGkvq
Верстка интернет - магазина - bit.ly/2CvE75h
Собери свою сборку на gulp4 - bit.ly/32IwCTa
Секреты Frontend Разработчика - bit.ly/2X7a3X6
Практикум JavaScript - bit.ly/2DPk3LK
Основы JavaScript - bit.ly/2Rr7rT4
Не ограничивай себя видеоуроками на RUclips!
Узнавайте еще больше полезной информации!
👍👍👍Telegram-чат: t.me/frontcoder
Telegram-канал: t.me/frontcode...
VK: frontcoder
-----------------------------------------------------------------------------------
Не забываем, что самый лучший способ сказать "спасибо" - нажать кнопку "нравится" и скинуть ссылку на урок друзьям. Ничто другое так сильно не мотивирует автора продолжать работу :)
В программе есть баги: например, напишите в строке поиска qwert, а потом backspace клавишу удалите один символ, и тогда оно работает неправильно. Есть и другие баги, я их все исправил. Нужно хорошо поюзать приложение, проверить все кейсы, потому что с виду кажется, что всё работает, а на самом деле есть баги. Я вас не критикую, просто советую
Почему метод increaseCurrentPage вынесен в метод класса, а не экземпляра, при этом переменная создаётся в экземпляре ?
Спасибо за видео:) все очень понятно и доходчиво)
Добрый день. Спасибо за ваш комментарий. Рад, что вам нравится!
Можешь подсказать пожалуйста
когда мы вешаем слушатели
this.view.searchInput.addEventListener('keyup', this.searchUsers.bind(this));
this.view.loadUsers.addEventListener('click', this.loadUsers.bind(this) ) почему мы байндим this. и чем в этом случае this является? не могу понять, уже кучу консолек пересмотрел, не понимаю
Добрый день Анатолий. Вопрос не по теме урока, а по Вашему стартовому шаблону. Вы добавили UI-kit. Как заинклюдить ui-sandwich.pug в нужное место ясно. А как, например Вы импортируете файл ui-sandwich.js в основной main.js? Просто копи-пастом?
@Troy пример можно? Как импортировать функцию, находящуюся в одном js файле в другую функцию, находящуюся в другом файле.
Просто коптпастом
@@Frontcoder спасибо!
Я извиняюсь, в следующем видео вы эти баги исправили, прошу прощения. Там ещё возникает проблема при задержке debounce, поэтому её нужно ставить меньше: где-то 300 - 250 миллисекунд, чтобы было хорошо
вместо bind(this) нужно использовать стрелочные функции
Как обойти ограничения по запросах АПИ?
Дебаунс