TGINSIGHT CHAT
[404] — программирование
@procode404
ОбразованиеНаучим тебя программировать бесплатно. Сотрудничество: @zubar89 Канал включён в перечень РКН: https://rkn.link/WlS
Последние посты
Тег: #web · 104 постов
🧠CSS анимация напрактике — [1:52:22] Анимации — это хорошо, но их надо уметь применять. Важно делать это так, чтобы они стабильно работали и не мешали пользователю взаимодействовать с сайтом. Автор создаёт классную анимацию переключения элементов на Slider, которую можно было бы использовать в интернет магазинах. Перейти к просмотру #видео#web
🌐Работаем с USB из браузера — [21:41] Оказывается, из браузера можно управлять USB устройствами. Таким образом мы можем взаимодействовать напрямую с микроконтроллерами. Делается это за счёт модуля WebUSB. Автор сначала в общих чертах рассказывает об этой библиотеке, а на 18:12 показывает свои проекты с её использованием. Перейти к просмотру #видео#web
⛔️Самые частые ошибки в TypeScript — [9:40] Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться. В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать. Перейти к просмотру #видео#web
⚡️Свой сервер на Kotlin —[2:17:54] Этот язык популярен не только среди мобильных разработчиков, но и в Backend-сфере. Понравился он серверным разработчикам своей простотой. А вот для самих Backender'ов было бы неплохо держать такой проект как «Сервер» у себя за спиной. Так ведь намного легче понять, как работает Apache и nginx. Перейти к просмотру #видео#web
⚡️Курс Веб-разработчик Курс для тех, кто решил попробовать себя в роли верстальщика. В нём вы познакомитесь с HTML, CSS, JavaScript и с теорией, важной при создании сайта. 1. Установка необходимых программ — [12:33] 2. Полный цикл создания сайтов — [15:31] 3. Работа с графикой для разработчика — [37:20] 4. Настройка рабочего пространства — [21:58] 5. Знакомство с основами HTML — [36:34] Перейти к плейлисту #видео#web
🧹Приложение на чистом JS — [1:01:57] Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете. За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое). Перейти к просмотру #видео#web
🖥Доска активностей — проект для начинающих — [1:05:50] Каждому Junior разработчику нужен свой проект, который он не выбросит в мусорку и который будет не стыдно показать работодателю. В этом ролике автор создаёт красивый и адаптивный сайт, к тому же, последовательно объясняя все свои действия. Этот проект поможет прокачать ваши навыки Перейти к просмотру #видео#web
📝 Плагиныпод VS Code — [10:02] VS Code неидеален, но другие разработчики делают его лучше, создавая разные плагины для этой IDE. Можно сравнить Python с его кучей библиотек. Автор делится плагинами, которые сам использует для веб разработки. Ещё более интересные варианты предлагают зрители в комментариях. Перейти к просмотру #видео#web
Hashtags
👨💻Что знает крутой Junior Frontend разработчик? — [10:35] Знаете, что отличает крутого Junior веб-разработчика от обычного? Чёрные очки... А ещё его навыки в разработке приложений. Автор рассказывает, что стоит подучить Junior Frontend разработчику, чтобы выделяться на фоне остальных и стать по-настоящему востребованным. Перейти к просмотру #видео#web
🐘Строим структуру своего PHP приложения — [2:10:52] Оставим шутки про PHP в сторонке и всерьёз займёмся проектом, а именно — создадим форму авторизации с хорошей и удобной структурой. Автор с нуля создаёт приложение с использованием ООП, последовательно объясняя свои действия, и рассказывает, как правильно разделить его на части. Перейти к просмотру #видео#web
🛒Каталог товаров на Next.js — [2:27:15] В результате этого огромного урока у вас будет почти такой же сайт с каталогом игр, как и у Xbox. Вы научитесь парсить страницы, составлять и отправлять запросы. Поскольку здесь ведётся проект начиная с абсолютного нуля, очень много времени уделяется вёрстке. А если вас интересует больше Next.js, тогда перемотайте до 1:42:50. Перейти к просмотру #видео#web
⚡️Go + React — [22:11] Go используется для Backend разработки, а React — для Frontend. Чтобы объединить Go с библиотекой на JavaScript, нужно правильно настроить CORS. Автор рассказывает, как это сделать, какие могут быть проблемы с безопасностью (и как их решить), а также создаёт пример сайта с Go & React. Перейти к просмотру #видео#web