📝 Плагины под VS Code — [10:02]
VS Code неидеален, но другие разработчики делают его лучше, создавая разные плагины для этой IDE. Можно сравнить Python с его кучей библиотек.
Автор делится плагинами, которые сам использует для веб разработки. Ещё более интересные варианты предлагают зрители в комментариях.
Перейти к просмотру
#видео #web
VS Code неидеален, но другие разработчики делают его лучше, создавая разные плагины для этой IDE. Можно сравнить Python с его кучей библиотек.
Автор делится плагинами, которые сам использует для веб разработки. Ещё более интересные варианты предлагают зрители в комментариях.
Перейти к просмотру
#видео #web
🖥 Доска активностей — проект для начинающих — [1:05:50]
Каждому Junior разработчику нужен свой проект, который он не выбросит в мусорку и который будет не стыдно показать работодателю.
В этом ролике автор создаёт красивый и адаптивный сайт, к тому же, последовательно объясняя все свои действия. Этот проект поможет прокачать ваши навыки
Перейти к просмотру
#видео #web
Каждому Junior разработчику нужен свой проект, который он не выбросит в мусорку и который будет не стыдно показать работодателю.
В этом ролике автор создаёт красивый и адаптивный сайт, к тому же, последовательно объясняя все свои действия. Этот проект поможет прокачать ваши навыки
Перейти к просмотру
#видео #web
🧹 Приложение на чистом JS — [1:01:57]
Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете.
За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое).
Перейти к просмотру
#видео #web
Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете.
За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое).
Перейти к просмотру
#видео #web
⚡️ Курс Веб-разработчик
Курс для тех, кто решил попробовать себя в роли верстальщика. В нём вы познакомитесь с HTML, CSS, JavaScript и с теорией, важной при создании сайта.
1. Установка необходимых программ — [12:33]
2. Полный цикл создания сайтов — [15:31]
3. Работа с графикой для разработчика — [37:20]
4. Настройка рабочего пространства — [21:58]
5. Знакомство с основами HTML — [36:34]
Перейти к плейлисту
#видео #web
Курс для тех, кто решил попробовать себя в роли верстальщика. В нём вы познакомитесь с HTML, CSS, JavaScript и с теорией, важной при создании сайта.
1. Установка необходимых программ — [12:33]
2. Полный цикл создания сайтов — [15:31]
3. Работа с графикой для разработчика — [37:20]
4. Настройка рабочего пространства — [21:58]
5. Знакомство с основами HTML — [36:34]
Перейти к плейлисту
#видео #web
⚡️ Свой сервер на Kotlin — [2:17:54]
Этот язык популярен не только среди мобильных разработчиков, но и в Backend-сфере. Понравился он серверным разработчикам своей простотой.
А вот для самих Backender'ов было бы неплохо держать такой проект как «Сервер» у себя за спиной. Так ведь намного легче понять, как работает Apache и nginx.
Перейти к просмотру
#видео #web
Этот язык популярен не только среди мобильных разработчиков, но и в Backend-сфере. Понравился он серверным разработчикам своей простотой.
А вот для самих Backender'ов было бы неплохо держать такой проект как «Сервер» у себя за спиной. Так ведь намного легче понять, как работает Apache и nginx.
Перейти к просмотру
#видео #web
⛔️ Самые частые ошибки в TypeScript — [9:40]
Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться.
В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать.
Перейти к просмотру
#видео #web
Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться.
В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать.
Перейти к просмотру
#видео #web
🌐 Работаем с USB из браузера — [21:41]
Оказывается, из браузера можно управлять USB устройствами. Таким образом мы можем взаимодействовать напрямую с микроконтроллерами.
Делается это за счёт модуля WebUSB. Автор сначала в общих чертах рассказывает об этой библиотеке, а на 18:12 показывает свои проекты с её использованием.
Перейти к просмотру
#видео #web
Оказывается, из браузера можно управлять USB устройствами. Таким образом мы можем взаимодействовать напрямую с микроконтроллерами.
Делается это за счёт модуля WebUSB. Автор сначала в общих чертах рассказывает об этой библиотеке, а на 18:12 показывает свои проекты с её использованием.
Перейти к просмотру
#видео #web
🧠 CSS анимация на практике — [1:52:22]
Анимации — это хорошо, но их надо уметь применять. Важно делать это так, чтобы они стабильно работали и не мешали пользователю взаимодействовать с сайтом.
Автор создаёт классную анимацию переключения элементов на Slider, которую можно было бы использовать в интернет магазинах.
Перейти к просмотру
#видео #web
Анимации — это хорошо, но их надо уметь применять. Важно делать это так, чтобы они стабильно работали и не мешали пользователю взаимодействовать с сайтом.
Автор создаёт классную анимацию переключения элементов на Slider, которую можно было бы использовать в интернет магазинах.
Перейти к просмотру
#видео #web
🔥 Исповедь CSS-программиста — [11:33]
Это небольшой ролик о том, как стать Senior CSS разработчиком (без шуток). Здесь хранится небольшой набор правил по стилизации объектов, такие как направление margin, z-index и использование !important.
Перейти к просмотру
#видео #web
Это небольшой ролик о том, как стать Senior CSS разработчиком (без шуток). Здесь хранится небольшой набор правил по стилизации объектов, такие как направление margin, z-index и использование !important.
Перейти к просмотру
#видео #web
🔥 React Lazy Loading — [29:06]
Реализовать бесконечную ленту и подгрузку данных при прокручивании страницы не так сложно: для этого надо знать библиотеку и Intersection Observer API.
В видео автор создаёт проект и показывает как с нуля создать ленту с асинхронной загрузкой данных с React.
Перейти к просмотру
#видео #web
Реализовать бесконечную ленту и подгрузку данных при прокручивании страницы не так сложно: для этого надо знать библиотеку и Intersection Observer API.
В видео автор создаёт проект и показывает как с нуля создать ленту с асинхронной загрузкой данных с React.
Перейти к просмотру
#видео #web
🔗 Самый подробный гайд по сетям — [6:06]
Если быть точным, то это подробный RoadMap программиста по сетям: socket, TCP/UDP соединения и другие связанные с соединениями понятия.
Автор прошёлся по интернету, сравнил мнение других людей со своим опытом и поделился лучшими книгами, сайтами и проектами для изучения сетевого программирования.
Перейти к просмотру
#видео #web #теория
Если быть точным, то это подробный RoadMap программиста по сетям: socket, TCP/UDP соединения и другие связанные с соединениями понятия.
Автор прошёлся по интернету, сравнил мнение других людей со своим опытом и поделился лучшими книгами, сайтами и проектами для изучения сетевого программирования.
Перейти к просмотру
#видео #web #теория
➗ Правильная структура в React проекте — [18:26]
Поговорим о том, как должны разделяться системы в проекте и как их правильно расположить, чтобы важные части проекта было просто найти.
В видео разбираются три структуры: Feature-sliced, Atomic design и ещё один авторский вариант. После просмотра вы поймёте, как важно, чтобы файлы проекта лежали по своим папкам.
Перейти к просмотру
#видео #web
Поговорим о том, как должны разделяться системы в проекте и как их правильно расположить, чтобы важные части проекта было просто найти.
В видео разбираются три структуры: Feature-sliced, Atomic design и ещё один авторский вариант. После просмотра вы поймёте, как важно, чтобы файлы проекта лежали по своим папкам.
Перейти к просмотру
#видео #web
🧠 Нужен ли TypeScript Вашему проекту? — [11:59]
TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации.
Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике.
Перейти к просмотру
#видео #web
TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации.
Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике.
Перейти к просмотру
#видео #web
🌐 Бесплатный курс по Vue.js
Vue сейчас — лучший из известных фреймворков для написания Frontend'а. Но этот курс не просто рассказывает про него (как во многих уроках), тут также обсуждаются его нюансы, концепции.
1. О структуре курса — [23:34]
2. Зачем нужен Vue.js? — [18:26]
3. Реактивность — [7:44]
4. Двустороннее связывание — [6:08]
5. Как во Vue.js использовать Х — [8:22]
Перейти к плейлисту
#видео #web
Vue сейчас — лучший из известных фреймворков для написания Frontend'а. Но этот курс не просто рассказывает про него (как во многих уроках), тут также обсуждаются его нюансы, концепции.
1. О структуре курса — [23:34]
2. Зачем нужен Vue.js? — [18:26]
3. Реактивность — [7:44]
4. Двустороннее связывание — [6:08]
5. Как во Vue.js использовать Х — [8:22]
Перейти к плейлисту
#видео #web
📝 Плагины под VS Code — [10:02]
VS Code неидеален, но другие разработчики делают его лучше, создавая разные плагины для этой IDE. Можно сравнить Python с его кучей библиотек.
Автор делится плагинами, которые сам использует для веб разработки. Ещё более интересные варианты предлагают зрители в комментариях.
Перейти к просмотру
#видео #web
VS Code неидеален, но другие разработчики делают его лучше, создавая разные плагины для этой IDE. Можно сравнить Python с его кучей библиотек.
Автор делится плагинами, которые сам использует для веб разработки. Ещё более интересные варианты предлагают зрители в комментариях.
Перейти к просмотру
#видео #web
🔗 Пишем приложение на блокчейн Web3 — [2:31:51]
Если вы думаете, что писать приложения на блокчейне, с поддержкой смарт-контрактов, с хорошей защитой — сложно, то вы правы.
Но если разобраться, что к чему, то станет намного проще. Автор рассказывает как написать децентрализованное приложение и как оно работает.
Перейти к просмотру
#видео #web
Если вы думаете, что писать приложения на блокчейне, с поддержкой смарт-контрактов, с хорошей защитой — сложно, то вы правы.
Но если разобраться, что к чему, то станет намного проще. Автор рассказывает как написать децентрализованное приложение и как оно работает.
Перейти к просмотру
#видео #web
🤚 Drag and Drop на JavaScript — [32:07]
Эта фишка уже довольно старая и стала must-have для множества сайтов. Особенно если это какие-то ToDo сайты или заметки.
Написать подобную штуку не очень сложно, достаточно немного шарить в JS. Первым делом идёт вёрстка, а Drag & Drop начинается с 14:20.
Перейти к просмотру
#видео #web
Эта фишка уже довольно старая и стала must-have для множества сайтов. Особенно если это какие-то ToDo сайты или заметки.
Написать подобную штуку не очень сложно, достаточно немного шарить в JS. Первым делом идёт вёрстка, а Drag & Drop начинается с 14:20.
Перейти к просмотру
#видео #web
🌐 Бесплатный курс по Vue.js
Vue сейчас — лучший из известных фреймворков для написания Frontend'а. Но этот курс не просто рассказывает про него (как во многих уроках), тут также обсуждаются его нюансы, концепции.
1. О структуре курса — [23:34]
2. Зачем нужен Vue.js? — [18:26]
3. Реактивность — [7:44]
4. Двустороннее связывание — [6:08]
5. Как во Vue.js использовать Х — [8:22]
Перейти к плейлисту
#видео #web
Vue сейчас — лучший из известных фреймворков для написания Frontend'а. Но этот курс не просто рассказывает про него (как во многих уроках), тут также обсуждаются его нюансы, концепции.
1. О структуре курса — [23:34]
2. Зачем нужен Vue.js? — [18:26]
3. Реактивность — [7:44]
4. Двустороннее связывание — [6:08]
5. Как во Vue.js использовать Х — [8:22]
Перейти к плейлисту
#видео #web
🗳 Event Loop от А до Я — [1:14:29]
Задачи событийного цикла или Event Loop заключается в том, чтобы выполнять задачи, если они есть или ожидать получения новой таски.
Идея кажется простой, но под капотом много интересных особенностей. В ролике речь пойдёт про архитектуру браузера, node js, очереди Microtask и macrotask.
Перейти к просмотру
#видео #web
Задачи событийного цикла или Event Loop заключается в том, чтобы выполнять задачи, если они есть или ожидать получения новой таски.
Идея кажется простой, но под капотом много интересных особенностей. В ролике речь пойдёт про архитектуру браузера, node js, очереди Microtask и macrotask.
Перейти к просмотру
#видео #web
🔥 Архитектура современных WEB приложений — [28:29]
В видео речь пойдёт о работе web-приложений, о различиях между Frontend и Backend, о монолитной и микросервисной архитектуре.
Автор подробно разбирает как идёт взаимодействие приложения с базой данных, S3, клиентом и другими системами программы.
Перейти к просмотру
#видео #web
В видео речь пойдёт о работе web-приложений, о различиях между Frontend и Backend, о монолитной и микросервисной архитектуре.
Автор подробно разбирает как идёт взаимодействие приложения с базой данных, S3, клиентом и другими системами программы.
Перейти к просмотру
#видео #web
