⚡️ Свой сервер на Kotlin — [2:17:54]
Этот язык популярен не только среди мобильных разработчиков, но и в Backend-сфере. Понравился он серверным разработчикам своей простотой.
А вот для самих Backender'ов было бы неплохо держать такой проект как «Сервер» у себя за спиной. Так ведь намного легче понять, как работает Apache и nginx.
Перейти к просмотру
#видео #web
Этот язык популярен не только среди мобильных разработчиков, но и в Backend-сфере. Понравился он серверным разработчикам своей простотой.
А вот для самих Backender'ов было бы неплохо держать такой проект как «Сервер» у себя за спиной. Так ведь намного легче понять, как работает Apache и nginx.
Перейти к просмотру
#видео #web
🏡 Где живут сайты? — [24:19]
Все веб-приложения, в том числе и Telegram, находятся на серверах, которые хранят в себе все данные, необходимые для работы.
Если вы уже знаете о таких вещах, как Azure или AWS, то это видео вас, конечно, не научит ничему новому, но если нет — вы знаете, что нужно делать:
Перейти к просмотру
#видео #web
Все веб-приложения, в том числе и Telegram, находятся на серверах, которые хранят в себе все данные, необходимые для работы.
Если вы уже знаете о таких вещах, как Azure или AWS, то это видео вас, конечно, не научит ничему новому, но если нет — вы знаете, что нужно делать:
Перейти к просмотру
#видео #web
🌐 Работаем с USB из браузера — [21:41]
Оказывается, из браузера можно управлять USB устройствами. Таким образом мы можем взаимодействовать напрямую с микроконтроллерами.
Делается это за счёт модуля WebUSB. Автор сначала в общих чертах рассказывает об этой библиотеке, а на 18:12 показывает свои проекты с её использованием.
Перейти к просмотру
#видео #web
Оказывается, из браузера можно управлять USB устройствами. Таким образом мы можем взаимодействовать напрямую с микроконтроллерами.
Делается это за счёт модуля WebUSB. Автор сначала в общих чертах рассказывает об этой библиотеке, а на 18:12 показывает свои проекты с её использованием.
Перейти к просмотру
#видео #web
🧠 React + Redux + TypeScript — [38:46]
React — создаст интерфейс, Redux поможет им управлять, а TypeScript сделает код более читаемым и стабильным. Отличный же сайт получится, если всё это объединить!
Перед просмотром надо иметь базу по всем инструментам, ведь в ролике рассказывается как их объединить, а не как ими пользоваться.
Перейти к просмотру
#видео #web
React — создаст интерфейс, Redux поможет им управлять, а TypeScript сделает код более читаемым и стабильным. Отличный же сайт получится, если всё это объединить!
Перед просмотром надо иметь базу по всем инструментам, ведь в ролике рассказывается как их объединить, а не как ими пользоваться.
Перейти к просмотру
#видео #web
⚡️ Курс по Bootstrap 5 — [2:30:12]
Bootstrap сильно упрощает вёрстку сайтов, а именно — их оформление. А с пятой версией у него появилось ещё больше возможностей и выглядеть он стал даже лучше.
В этом видео автор создаёт сайт и параллельно рассказывает про фишки Bootstrap и про то, как им пользоваться. К тому же, он учит пользоваться документацией проекта, поэтому видео обязательно к просмотру.
Перейти к просмотру
#видео #web
Bootstrap сильно упрощает вёрстку сайтов, а именно — их оформление. А с пятой версией у него появилось ещё больше возможностей и выглядеть он стал даже лучше.
В этом видео автор создаёт сайт и параллельно рассказывает про фишки Bootstrap и про то, как им пользоваться. К тому же, он учит пользоваться документацией проекта, поэтому видео обязательно к просмотру.
Перейти к просмотру
#видео #web
🛒 Скрипты для сайта интернет магазина — [2:40:44]
Это добавление/удаление товара в корзину, счётчик товаров в корзине, кнопка «Оформить заказ», подсчёт стоимости товаров в корзине и другие возможности.
Это видео — набор реализация функций для правильной работы интернет магазина с использованием чистого JavaScript.
Перейти к просмотру
#видео #web
Это добавление/удаление товара в корзину, счётчик товаров в корзине, кнопка «Оформить заказ», подсчёт стоимости товаров в корзине и другие возможности.
Это видео — набор реализация функций для правильной работы интернет магазина с использованием чистого JavaScript.
Перейти к просмотру
#видео #web
⚡️ SvelteJS
Это фреймворк, похожий на React или Vue, но с важным отличием: он преобразует компоненты в высокоэффективный код, который отлично работает с DOM, то есть, со структурой сайта.
1. Что такое SvelteJS (отличие от React, Angular, Vue) — [6:04]
2. Как это работает — [12:38]
3. Переменные и стили — [12:49]
4. Как добавлять события — [10:56]
5. Реактивность — [11:00]
Перейти к плейлисту
#видео #web
Это фреймворк, похожий на React или Vue, но с важным отличием: он преобразует компоненты в высокоэффективный код, который отлично работает с DOM, то есть, со структурой сайта.
1. Что такое SvelteJS (отличие от React, Angular, Vue) — [6:04]
2. Как это работает — [12:38]
3. Переменные и стили — [12:49]
4. Как добавлять события — [10:56]
5. Реактивность — [11:00]
Перейти к плейлисту
#видео #web
🦾 Мощный React-стек — [1:17:58]
TypeScript — типизированный код, Redux Toolkit — управление состояниями, RTKQuery — REST система, а Tailwind — упрощает вёрстку.
Объединив всё это вместе, можно получить отличный стек, который позволяет создавать мощные, стабильные и гибкие веб-приложения.
Перейти к просмотру
#видео #web
TypeScript — типизированный код, Redux Toolkit — управление состояниями, RTKQuery — REST система, а Tailwind — упрощает вёрстку.
Объединив всё это вместе, можно получить отличный стек, который позволяет создавать мощные, стабильные и гибкие веб-приложения.
Перейти к просмотру
#видео #web
⛔️ Самые частые ошибки в TypeScript — [9:40]
Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться.
В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать.
Перейти к просмотру
#видео #web
Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться.
В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать.
Перейти к просмотру
#видео #web
🧠 Зачем нужны типы? — [13:30]
Как сказал один наш коллега: «Типы придумали, чтобы усложнить жизнь разработчику». Но почему статически типизированные языки тогда до сих пор так популярны?
Автор показывает на примере TypeScript, почему без типов в современном программировании не обойтись, и какие проблемы вообще существуют у динамической типизации.
Перейти к просмотру
#видео #web
Как сказал один наш коллега: «Типы придумали, чтобы усложнить жизнь разработчику». Но почему статически типизированные языки тогда до сих пор так популярны?
Автор показывает на примере TypeScript, почему без типов в современном программировании не обойтись, и какие проблемы вообще существуют у динамической типизации.
Перейти к просмотру
#видео #web
⚡️ Продвинутый Backend — [1:41:26]
Backend разработчик отвечает за сохранность и безопасную передачу ваших данных. Все эти процессы происходят на стороне сервера.
С помощью Node.js + Nest.js и PostgreSQL вы реализуете масштабируемый backend, который после зальёте с использованием docker.
Перейти к просмотру
#видео #web
Backend разработчик отвечает за сохранность и безопасную передачу ваших данных. Все эти процессы происходят на стороне сервера.
С помощью Node.js + Nest.js и PostgreSQL вы реализуете масштабируемый backend, который после зальёте с использованием docker.
Перейти к просмотру
#видео #web
⚡️ Настройка модели в Entity framework — [5:51]
Entity framework — это звено, связывающее базу данных и C#. Оно отправляет запросы в базу данных, а пользователь управляет объектами.
Но перед тем, как этот запрос сформировать, нужно составить модель. В видео рассказывается, как это сделать быстро и правильно.
Перейти к просмотру
#видео #web
Entity framework — это звено, связывающее базу данных и C#. Оно отправляет запросы в базу данных, а пользователь управляет объектами.
Но перед тем, как этот запрос сформировать, нужно составить модель. В видео рассказывается, как это сделать быстро и правильно.
Перейти к просмотру
#видео #web
🛒 Каталог товаров на Next.js — [2:27:15]
В результате этого огромного урока у вас будет почти такой же сайт с каталогом игр, как и у Xbox. Вы научитесь парсить страницы, составлять и отправлять запросы.
Поскольку здесь ведётся проект начиная с абсолютного нуля, очень много времени уделяется вёрстке. А если вас интересует больше Next.js, тогда перемотайте до 1:42:50.
Перейти к просмотру
#видео #web
В результате этого огромного урока у вас будет почти такой же сайт с каталогом игр, как и у Xbox. Вы научитесь парсить страницы, составлять и отправлять запросы.
Поскольку здесь ведётся проект начиная с абсолютного нуля, очень много времени уделяется вёрстке. А если вас интересует больше Next.js, тогда перемотайте до 1:42:50.
Перейти к просмотру
#видео #web
🧠 Нужен ли TypeScript Вашему проекту? — [11:59]
TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации.
Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике.
Перейти к просмотру
#видео #web
TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации.
Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике.
Перейти к просмотру
#видео #web
🧹 Приложение на чистом JS — [1:01:57]
Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете.
За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое).
Перейти к просмотру
#видео #web
Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете.
За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое).
Перейти к просмотру
#видео #web
🏡 Где живут сайты? — [24:19]
Все веб-приложения, в том числе и Telegram, находятся на серверах, которые хранят в себе все данные, необходимые для работы.
Если вы уже знаете о таких вещах, как Azure или AWS, то это видео вас, конечно, не научит ничему новому, но если нет — вы знаете, что нужно делать:
Перейти к просмотру
#видео #web
Все веб-приложения, в том числе и Telegram, находятся на серверах, которые хранят в себе все данные, необходимые для работы.
Если вы уже знаете о таких вещах, как Azure или AWS, то это видео вас, конечно, не научит ничему новому, но если нет — вы знаете, что нужно делать:
Перейти к просмотру
#видео #web
🔥 React Lazy Loading — [29:06]
Реализовать бесконечную ленту и подгрузку данных при прокручивании страницы не так сложно: для этого надо знать библиотеку и Intersection Observer API.
В видео автор создаёт проект и показывает как с нуля создать ленту с асинхронной загрузкой данных с React.
Перейти к просмотру
#видео #web
Реализовать бесконечную ленту и подгрузку данных при прокручивании страницы не так сложно: для этого надо знать библиотеку и Intersection Observer API.
В видео автор создаёт проект и показывает как с нуля создать ленту с асинхронной загрузкой данных с React.
Перейти к просмотру
#видео #web
🔥 Разработки облачного хранилища — [51:52]
Это продвинутый курс для Middle / Senior разработчиков по разработке облачного хранилища на NextJS & NestJS. Золото, а не видео.
Менее чем за час вы реализуете полноценное облачное хранилище, с аккаунтами, загрузкой файлов, уровнями доступа и приятным Frontend'ом.
Перейти к просмотру
#видео #web
Это продвинутый курс для Middle / Senior разработчиков по разработке облачного хранилища на NextJS & NestJS. Золото, а не видео.
Менее чем за час вы реализуете полноценное облачное хранилище, с аккаунтами, загрузкой файлов, уровнями доступа и приятным Frontend'ом.
Перейти к просмотру
#видео #web
⚡️ Go + React — [22:11]
Go используется для Backend разработки, а React — для Frontend. Чтобы объединить Go с библиотекой на JavaScript, нужно правильно настроить CORS.
Автор рассказывает, как это сделать, какие могут быть проблемы с безопасностью (и как их решить), а также создаёт пример сайта с Go & React.
Перейти к просмотру
#видео #web
Go используется для Backend разработки, а React — для Frontend. Чтобы объединить Go с библиотекой на JavaScript, нужно правильно настроить CORS.
Автор рассказывает, как это сделать, какие могут быть проблемы с безопасностью (и как их решить), а также создаёт пример сайта с Go & React.
Перейти к просмотру
#видео #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
