WebDEV
8.96K subscribers
2.21K photos
11 videos
2.72K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
Как работают веб-приложения

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

В видео рассказывается про DNS, Cookie, типы запросов HTTP (GET, POST), обработку запроса, взаимодействие с базой данных, кеширование и ещё целую кучу особенностей фронтенд разработки.

📺 YouTube

WebDEV #видео #web
Go + React

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

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

📺 YouTube

WebDEV #видео #JavaScript #React #Go
Полный Full Stack-курс

Full Stack — человек, который разрабатывает все приложения самостоятельно (пишет и Fronted, и Backend). В данном случае вам потребуется знать MongoDB, Express, React и NodeJS.

После просмотра вы научитесь писать свой Backend, работать с MongoDB, деплоить приложение, подключать аутентификацию с помощью JWT, а также объединять Fronted и Backend.

📺 YouTube

WebDEV #видео #React #NodeJS
Я пробовал 10 редакторов кода

10 лучших редакторов кода для программистов в 2022 году. Мы начнем с изучения простых текстовых редакторов, таких как vim, а затем покажем эволюцию в интегрированных средах разработки, таких как Visual Studio.

📺 YouTube

WebDEV #видео
Инструменты веб-разработчика

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

Мы рассмотрим работу с Google Fonts, Font Awesome, Swiper.js, 960 grid system, Hover.css, Firefox Developer Edition, CodePen, Material Palette и многое другое.

📺 YouTube

WebDEV #видео
Нужен ли TypeScript Вашему проекту?

TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации.

Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике.

📺 YouTube

WebDEV #видео #TypeScript
React Native за 100 секунд

React Native позволяет разработчикам создавать кроссплатформенные приложения для iOS, Android и веба из единой кодовой базы JavaScript. Начните создавать свое первое нативное мобильное приложение с помощью React Native.

📺 YouTube

WebDEV #видео #ReactNative
Методы массивов JavaScript

Этот курс о методах массивов в JavaScript предлагает обширный обзор функциональности, начиная с базовых методов, таких как IndexOf, Map и Filter, и заканчивая более продвинутыми, такими как Flat, Fill и keys. Каждый урок сопровождается практическими примерами, чтобы студенты могли немедленно применить полученные знания.

📺 YouTube

WebDEV #видео
JavaScript с нуля

Этот курс рассчитан на людей которые впервые знакомятся с программированием, весь курс сделан в виде анимации и доступной визуализации, что делает обучение более простым и доступным. Вы познакомитесь со всем что связано с данным языком программирования: Стандарты (EcmaScript), Переменные, Литералы, Объекты, Колбэки, Классы и все что необходимо знать разработчику на текущий момент.

📺 YouTube

WebDEV #видео
Spline | Tilda эффект частиц

В этом видео я показываю инструмент spline. Узнаете как в нём работать и как сделать красивый эффект частиц. После чего поставим его на сайт в Тильде.

Spline — это недавно появившийся бесплатный инструмент для 3D моделирования, который уже успел обзавестись впечатляющим набором функций. С его помощью вы можете создавать 3D-сцены, моделировать объекты и редактировать материалы, а также контролировать весь процесс создания дизайна, добиваясь наилучшего результата.

📺 YouTube

WebDEV #видео
Что такое замыкания в JavaScript?

В этом видео мы разберемся, что такое замыкания (Closures) в JavaScript и как они работают. Рассмотрим 3 примера использования замыканий. Замыкания это одна из фундаментальных концепций JavaScript, которая сбивает с толку многих начинающих разработчиков JS. Замыкание это функция у которой есть доступ к своей внешней функции по области видимости, даже после того, как внешняя функция прекратилась.

📺 YouTube

WebDEV #видео
Интенсивный курс по адаптивной верстке сайта за 15 минут

Ловите интенсивный курс по адаптивной верстке сайта, который поможет вам создавать универсальные сайты, которые максимально корректно отображаются на всех устройствах - от десктопных компьютеров до планшетов и смартфонов (мобильных телефонов).

В течение 15 минут я покажу вам, как сделать адаптивную верстку сайта с нуля, используя подходы адаптивной верстки сайта.

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

📺 YouTube

WebDEV #видео
Курс TailwindCSS

В курсе "TailwindCSS" рассматриваются основы и возможности этой CSS библиотеки. Вы узнаете, что такое Tailwind CSS, как его установить и работать с CLI. Будет показано, как создавать компоненты, настраивать ширину и высоту, менять цвет текста и фона. Также курс охватывает использование Flexbox в TailwindCSS и различные варианты установки библиотеки.

📺 YouTube

WebDEV #видео
Деплой Frontend приложения. Настройка Nginx. Подключаем домен, настраиваем HTTPS, gzip, docker

В этом ролике мы задеплоим frontend приложение на React на облачный сервер, настроим Nginx, подключим домен, настроим https, gzip, посмотрим на конфигурацию докера.

📺 YouTube

WebDEV #видео
💡Шпаргалка по Objects в JS

WebDEV #советы
💡 Шпаргалка по JavaScript

WebDEV #советы
💡Шпаргалка по JavaScript

WebDEV #советы
💡 Шпаргалка по HTML5

WebDEV #советы
💡Шпаргалка по JS

WebDEV #советы