[404] — программирование
43.7K subscribers
101 photos
2 videos
1.75K links
Научим тебя программировать бесплатно.

Сотрудничество: @zubar89

Канал включён в перечень РКН: https://rkn.link/WlS
Download Telegram
🖥 Доска активностей — проект для начинающих[1:05:50]

Каждому Junior разработчику нужен свой проект, который он не выбросит в мусорку и который будет не стыдно показать работодателю.

В этом ролике автор создаёт красивый и адаптивный сайт, к тому же, последовательно объясняя все свои действия. Этот проект поможет прокачать ваши навыки

Перейти к просмотру

#видео #web
🧠 Зачем нужны типы?[13:30]

Как сказал один наш коллега: «Типы придумали, чтобы усложнить жизнь разработчику». Но почему статически типизированные языки тогда до сих пор так популярны?

Автор показывает на примере TypeScript, почему без типов в современном программировании не обойтись, и какие проблемы вообще существуют у динамической типизации.

Перейти к просмотру

#видео #web
⚡️ Fresh: самый быстрый SSR[35:03]

SSR — это рендер со стороны сервера. Таким образом потребляются ресурсы сервера, а пользователь получает полностью готовую страницу.

Одним из таких Service side render'ингов является Fresh. В этом ролике вы сможете узнать про его преимущества и недостатки.

Перейти к просмотру

#видео #web
🦾 Мощный React-стек — [1:17:58]

TypeScript — типизированный код, Redux Toolkit — управление состояниями, RTKQuery — REST система, а Tailwind — упрощает вёрстку.

Объединив всё это вместе, можно получить отличный стек, который позволяет создавать мощные, стабильные и гибкие веб-приложения.

Перейти к просмотру

#видео #web
Правильная структура в React проекте[18:26]

Поговорим о том, как должны разделяться системы в проекте и как их правильно расположить, чтобы важные части проекта было просто найти.

В видео разбираются три структуры: Feature-sliced, Atomic design и ещё один авторский вариант. После просмотра вы поймёте, как важно, чтобы файлы проекта лежали по своим папкам.

Перейти к просмотру

#видео #web
🔥 Создаем сайт про NFT[2:13:04]

Это видео отлично подойдёт новичкам, ведь здесь подробно разбирается адаптивная вёрстка. В результате получится классный сайт, который можно будет добавить в портфолио и выпендриваться на каждом шагу.

Также здесь вы узнаете про БЭМ, CSS Grid, настройку сайдбара, плагин Swiper и в принципе улучшите свои знания по HTML + CSS.

Перейти к просмотру

#видео #web
⚡️ Fresh: самый быстрый SSR[35:03]

SSR — это рендер со стороны сервера. Таким образом потребляются ресурсы сервера, а пользователь получает полностью готовую страницу.

Одним из таких Service side render'ингов является Fresh. В этом ролике вы сможете узнать про его преимущества и недостатки.

Перейти к просмотру

#видео #web
🏡 Где живут сайты? — [24:19]

Все веб-приложения, в том числе и Telegram, находятся на серверах, которые хранят в себе все данные, необходимые для работы.

Если вы уже знаете о таких вещах, как Azure или AWS, то это видео вас, конечно, не научит ничему новому, но если нет — вы знаете, что нужно делать:

Перейти к просмотру

#видео #web
🔗 Пишем приложение на блокчейн Web3[2:31:51]

Если вы думаете, что писать приложения на блокчейне, с поддержкой смарт-контрактов, с хорошей защитой — сложно, то вы правы.

Но если разобраться, что к чему, то станет намного проще. Автор рассказывает как написать децентрализованное приложение и как оно работает.

Перейти к просмотру

#видео #web
🔥 gRPC в .NET[1:11:25]

gRPC — альтернативная возможность «общаться» нескольких приложений друг с другом. Система намного эффективнее RESP API, но и сложнее.

Автор рассказывает как правильно использовать gRPC в .NET, какие инструменты можно использовать, как это работает и какие могут быть подводные камни.

Перейти к просмотру

#видео #web
⚡️ Go + React[22:11]

Go используется для Backend разработки, а React — для Frontend. Чтобы объединить Go с библиотекой на JavaScript, нужно правильно настроить CORS.

Автор рассказывает, как это сделать, какие могут быть проблемы с безопасностью (и как их решить), а также создаёт пример сайта с Go & React.

Перейти к просмотру

#видео #web
🛒 Каталог товаров на Next.js[2:27:15]

В результате этого огромного урока у вас будет почти такой же сайт с каталогом игр, как и у Xbox. Вы научитесь парсить страницы, составлять и отправлять запросы.

Поскольку здесь ведётся проект начиная с абсолютного нуля, очень много времени уделяется вёрстке. А если вас интересует больше Next.js, тогда перемотайте до 1:42:50.

Перейти к просмотру

#видео #web
🐘 Строим структуру своего PHP приложения[2:10:52]

Оставим шутки про PHP в сторонке и всерьёз займёмся проектом, а именно — создадим форму авторизации с хорошей и удобной структурой.

Автор с нуля создаёт приложение с использованием ООП, последовательно объясняя свои действия, и рассказывает, как правильно разделить его на части.

Перейти к просмотру

#видео #web
👨‍💻 Что знает крутой Junior Frontend разработчик?[10:35]

Знаете, что отличает крутого Junior веб-разработчика от обычного? Чёрные очки... А ещё его навыки в разработке приложений.

Автор рассказывает, что стоит подучить Junior Frontend разработчику, чтобы выделяться на фоне остальных и стать по-настоящему востребованным.

Перейти к просмотру

#видео #web
📝 Плагины под VS Code[10:02]

VS Code неидеален, но другие разработчики делают его лучше, создавая разные плагины для этой IDE. Можно сравнить Python с его кучей библиотек.

Автор делится плагинами, которые сам использует для веб разработки. Ещё более интересные варианты предлагают зрители в комментариях.

Перейти к просмотру

#видео
#web
🖥 Доска активностей — проект для начинающих[1:05:50]

Каждому Junior разработчику нужен свой проект, который он не выбросит в мусорку и который будет не стыдно показать работодателю.

В этом ролике автор создаёт красивый и адаптивный сайт, к тому же, последовательно объясняя все свои действия. Этот проект поможет прокачать ваши навыки

Перейти к просмотру

#видео #web
🧹 Приложение на чистом JS[1:01:57]

Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете.

За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое).

Перейти к просмотру

#видео #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
⛔️ Самые частые ошибки в TypeScript[9:40]

Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться.

В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать.

Перейти к просмотру

#видео #web