🌐 Бесплатный курс по 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
🧠 Зачем нужны типы? — [13:30]
Как сказал один наш коллега: «Типы придумали, чтобы усложнить жизнь разработчику». Но почему статически типизированные языки тогда до сих пор так популярны?
Автор показывает на примере TypeScript, почему без типов в современном программировании не обойтись, и какие проблемы вообще существуют у динамической типизации.
Перейти к просмотру
#видео #web
Как сказал один наш коллега: «Типы придумали, чтобы усложнить жизнь разработчику». Но почему статически типизированные языки тогда до сих пор так популярны?
Автор показывает на примере TypeScript, почему без типов в современном программировании не обойтись, и какие проблемы вообще существуют у динамической типизации.
Перейти к просмотру
#видео #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
❤️ React + TypeScript — [20:30]
React — самый популярная библиотека для создания интерфейса на JavaScript. TypeScript добавляет типы в JS и делает работу с ним проще (или сложнее, зависит от пользователя).
Автор делится лучшими практиками при работе с React и TypeScript, рассказывает про функциональный стиль, его преимущества и работу с хуками.
Перейти к просмотру
#видео #web
React — самый популярная библиотека для создания интерфейса на JavaScript. TypeScript добавляет типы в JS и делает работу с ним проще (или сложнее, зависит от пользователя).
Автор делится лучшими практиками при работе с React и TypeScript, рассказывает про функциональный стиль, его преимущества и работу с хуками.
Перейти к просмотру
#видео #web
🤷♂️ React или Vue или Angular — [19:51]
Не каждый готов потратить своё время на изучение фреймворка, который в дальнейшем ему не пригодится. Так какой же лучше подойдёт для вашего проекта?
В этом видео автор рассказал про три самых популярных фреймворка для фронтэнд-разработки, их преимущества, недостатки, и даже немного затронул сферы применения.
Перейти к просмотру
#видео #web
Не каждый готов потратить своё время на изучение фреймворка, который в дальнейшем ему не пригодится. Так какой же лучше подойдёт для вашего проекта?
В этом видео автор рассказал про три самых популярных фреймворка для фронтэнд-разработки, их преимущества, недостатки, и даже немного затронул сферы применения.
Перейти к просмотру
#видео #web
⚡️ Свой сервер на 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
