⛔️ Самые частые ошибки в 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
📝 Плагины под VS Code — [10:02]
VS Code неидеален, но другие разработчики делают его лучше, создавая разные плагины для этой IDE. Можно сравнить Python с его кучей библиотек.
Автор делится плагинами, которые сам использует для веб разработки. Ещё более интересные варианты предлагают зрители в комментариях.
Перейти к просмотру
#видео #web
VS Code неидеален, но другие разработчики делают его лучше, создавая разные плагины для этой IDE. Можно сравнить Python с его кучей библиотек.
Автор делится плагинами, которые сам использует для веб разработки. Ещё более интересные варианты предлагают зрители в комментариях.
Перейти к просмотру
#видео #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
🔗 Пишем приложение на блокчейн Web3 — [2:31:51]
Если вы думаете, что писать приложения на блокчейне, с поддержкой смарт-контрактов, с хорошей защитой — сложно, то вы правы.
Но если разобраться, что к чему, то станет намного проще. Автор рассказывает как написать децентрализованное приложение и как оно работает.
Перейти к просмотру
#видео #web
Если вы думаете, что писать приложения на блокчейне, с поддержкой смарт-контрактов, с хорошей защитой — сложно, то вы правы.
Но если разобраться, что к чему, то станет намного проще. Автор рассказывает как написать децентрализованное приложение и как оно работает.
Перейти к просмотру
#видео #web
☄️ Быстрый курс по Next.js — [2:34:32]
Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.
В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.
Перейти к просмотру
#видео #web
Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.
В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.
Перейти к просмотру
#видео #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
🐘 Строим структуру своего PHP приложения — [2:10:52]
Оставим шутки про PHP в сторонке и всерьёз займёмся проектом, а именно — создадим форму авторизации с хорошей и удобной структурой.
Автор с нуля создаёт приложение с использованием ООП, последовательно объясняя свои действия, и рассказывает, как правильно разделить его на части.
Перейти к просмотру
#видео #web
Оставим шутки про PHP в сторонке и всерьёз займёмся проектом, а именно — создадим форму авторизации с хорошей и удобной структурой.
Автор с нуля создаёт приложение с использованием ООП, последовательно объясняя свои действия, и рассказывает, как правильно разделить его на части.
Перейти к просмотру
#видео #web
🗳 Event Loop от А до Я — [1:14:29]
Задачи событийного цикла или Event Loop заключается в том, чтобы выполнять задачи, если они есть или ожидать получения новой таски.
Идея кажется простой, но под капотом много интересных особенностей. В ролике речь пойдёт про архитектуру браузера, node js, очереди Microtask и macrotask.
Перейти к просмотру
#видео #web
Задачи событийного цикла или Event Loop заключается в том, чтобы выполнять задачи, если они есть или ожидать получения новой таски.
Идея кажется простой, но под капотом много интересных особенностей. В ролике речь пойдёт про архитектуру браузера, node js, очереди Microtask и macrotask.
Перейти к просмотру
#видео #web
🧠 Полный Full Stack-курс — [4:24:12]
Full Stack — человек, который разрабатывает все приложения самостоятельно (пишет и Fronted, и Backend). В данном случае вам потребуется знать MongoDB, Express, React и NodeJS.
После просмотра вы научитесь писать свой Backend, работать с MongoDB, деплоить приложение, подключать аутентификацию с помощью JWT, а также объединять Fronted и Backend.
Перейти к просмотру
#видео #web
Full Stack — человек, который разрабатывает все приложения самостоятельно (пишет и Fronted, и Backend). В данном случае вам потребуется знать MongoDB, Express, React и NodeJS.
После просмотра вы научитесь писать свой Backend, работать с MongoDB, деплоить приложение, подключать аутентификацию с помощью JWT, а также объединять Fronted и Backend.
Перейти к просмотру
#видео #web
