Верстка главной для интернет-магазина в React JS
Сверстаем главную страницу для интернет магазина в React JS. Адаптив, стили, анимации.
📺 YouTube
WebDEV #видео
Сверстаем главную страницу для интернет магазина в React JS. Адаптив, стили, анимации.
📺 YouTube
WebDEV #видео
YouTube
Верстка главной для интернет магазина в React JS
Сверстаем главную страницу для интернет магазина в React JS. Адаптив, стили, анимации.
Материалы будут опубликованы в Telegram канале: https://xn--r1a.website/+friZxyBulgNmYjE6
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::::::…
Материалы будут опубликованы в Telegram канале: https://xn--r1a.website/+friZxyBulgNmYjE6
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::::::…
Как использовать TypeScript с React... А нужно ли?
Узнайте, как настроить React с TypeScript. Сравните плюсы и минусы использования TypeScript в проекте React.
📺 YouTube
WebDEV #видео #js #react #typescript
Узнайте, как настроить React с TypeScript. Сравните плюсы и минусы использования TypeScript в проекте React.
📺 YouTube
WebDEV #видео #js #react #typescript
YouTube
How to use TypeScript with React... But should you?
Learn how to setup React with TypeScript. Compare the pros and cons of using TypeScript in an React project. Learn more in the full course 👉 https://fireship.io/courses/react-next-firebase/
#js #react #typescript
🔗 Resources
Full TypeScript Video http…
#js #react #typescript
🔗 Resources
Full TypeScript Video http…
Next.js за 100 секунд + полное руководство для начинающих
Изучите основы Next.js за 100 секунд! Затем создайте свое первое серверное приложение для react с полным руководством для начинающих по Next.js.
📺 YouTube
WebDEV #видео #react #web
Изучите основы Next.js за 100 секунд! Затем создайте свое первое серверное приложение для react с полным руководством для начинающих по Next.js.
📺 YouTube
WebDEV #видео #react #web
YouTube
Next.js in 100 Seconds // Plus Full Beginner's Tutorial
Learn the basics of Next.js in 100 Seconds! Then build your first server-rendered react app with a full Next.js beginner's tutorial. https://fireship.io/courses/react-next-firebase
#react #webdev #100SecondsOfCode
Next.js Docs https://nextjs.org/
Source…
#react #webdev #100SecondsOfCode
Next.js Docs https://nextjs.org/
Source…
7 веб-фич, о которых вы возможно не знали
Семь малоизвестных веб-фич, которые можно реализовать в прогрессивном веб-приложении (PWA).
📺 YouTube
#видео #js #pwa
Семь малоизвестных веб-фич, которые можно реализовать в прогрессивном веб-приложении (PWA).
📺 YouTube
#видео #js #pwa
YouTube
7 Web Features You Didn’t Know Existed
Seven lesser-known web features that you can implement into a progressive web app (PWA) 🤳. https://fireship.io/lessons/pwa-top-features/
🙏 Special thanks to François Beaufort, check out his awesome work here https://web.dev/authors/beaufortfrancois/
PWA…
🙏 Special thanks to François Beaufort, check out his awesome work here https://web.dev/authors/beaufortfrancois/
PWA…
Создаем классный дизайн баннера
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую картинку в нейросети, как сделать эффекты свечения, объёма, и в целом, как сделать такой сочный дизайн. Такую работу можно повторить за 15-20 мин времени, а результат - стильный дизайн!
📺 YouTube
WebDEV #видео
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую картинку в нейросети, как сделать эффекты свечения, объёма, и в целом, как сделать такой сочный дизайн. Такую работу можно повторить за 15-20 мин времени, а результат - стильный дизайн!
📺 YouTube
WebDEV #видео
YouTube
Классный ДИЗАЙН БАННЕРА для телеграм канала в Фигме / Дизайн для соц сетей Figma
💥 Заполнить анкету на наставничество по веб-дизайну
https://forms.gle/pgmVboR8zCwnzg6L8
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую…
https://forms.gle/pgmVboR8zCwnzg6L8
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую…
CORS за 100 секунд
Cross-origin resource sharing — технология современных браузеров, которая позволяет предоставить веб-страницам доступ к ресурсам другого домена. Изучите основы CORS за 100 секунд.
📺 YouTube
WebDEV #видео #CORS #web
Cross-origin resource sharing — технология современных браузеров, которая позволяет предоставить веб-страницам доступ к ресурсам другого домена. Изучите основы CORS за 100 секунд.
📺 YouTube
WebDEV #видео #CORS #web
YouTube
CORS in 100 Seconds
Cross-Origin Resource Sharing or CORS is a mechanism that allows browsers to request data from 3rd party URLs (or origins) and is a common pain point for web developers. Learn the basics of CORS in 100 seconds.
Full Tutorials
Use CORS in Firebase Cloud…
Full Tutorials
Use CORS in Firebase Cloud…
TypeScript. Полный курс
В данном видеокурсе рассматриваются возможности языка строгой типизации — TypeScript. Разбирают его основные фишки и ключевые отличия от JavaScript. Вы изучите такие понятия, как перечисления (Enum), интерфейсы, пространства имён, а также набор нативных утилит, которые предоставляет сам язык.
📺 YouTube
WebDEV #видео #typescript
В данном видеокурсе рассматриваются возможности языка строгой типизации — TypeScript. Разбирают его основные фишки и ключевые отличия от JavaScript. Вы изучите такие понятия, как перечисления (Enum), интерфейсы, пространства имён, а также набор нативных утилит, которые предоставляет сам язык.
📺 YouTube
WebDEV #видео #typescript
YouTube
TypeScript. Полный курс
#YauhenK #webDev #TypeScript
Всех приветствую в курсе «TypeScript».
В данном видеокурсе мы с вами рассмотрим возможности языка строгой типизации - TypeScript. Разберём его основные фишки и ключевые отличия от JavaScript. Изучим такие понятия, как перечисления…
Всех приветствую в курсе «TypeScript».
В данном видеокурсе мы с вами рассмотрим возможности языка строгой типизации - TypeScript. Разберём его основные фишки и ключевые отличия от JavaScript. Изучим такие понятия, как перечисления…
3D эффект для слайдера Swiper Cowerflow
В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.
📺 YouTube
WebDEV #видео
В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.
📺 YouTube
WebDEV #видео
YouTube
3D эффект для слайдера Swiper Coverflow
В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.…
Эти ошибки губят всех начинающих веб-дизайнеров
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!
📺 YouTube
WebDEV #видео
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!
📺 YouTube
WebDEV #видео
YouTube
Эти ОШИБКИ Губят Всех Начинающих Веб-дизайнеров! Перестань это делать в 2024
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс…
Быстрый курс по Next.js
Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.
В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.
📺 YouTube
WebDEV #видео #React #js
Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.
В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.
📺 YouTube
WebDEV #видео #React #js
YouTube
NextJS Быстрый Курс - SSR на React JS
Исходный код тут: https://xn--r1a.website/js_by_vladilen/207
Если вы хотите увидеть работу ИИ изнутри и собрать свой первый проект за 3 дня, присоединяйтесь к марафону. Вы пройдёте путь разработчика в комфортном темпе и получите результат уже в первый день.
Регистрация…
Если вы хотите увидеть работу ИИ изнутри и собрать свой первый проект за 3 дня, присоединяйтесь к марафону. Вы пройдёте путь разработчика в комфортном темпе и получите результат уже в первый день.
Регистрация…
Как работают веб-приложения
Автор полностью разобрал, через какой путь проходят веб-запросы, начиная с поиска доменного имени, заканчивая формированием и отображением результата в браузере.
В видео рассказывается про DNS, Cookie, типы запросов HTTP (GET, POST), обработку запроса, взаимодействие с базой данных, кеширование и ещё целую кучу особенностей фронтенд разработки.
📺 YouTube
WebDEV #видео #web
Автор полностью разобрал, через какой путь проходят веб-запросы, начиная с поиска доменного имени, заканчивая формированием и отображением результата в браузере.
В видео рассказывается про DNS, Cookie, типы запросов HTTP (GET, POST), обработку запроса, взаимодействие с базой данных, кеширование и ещё целую кучу особенностей фронтенд разработки.
📺 YouTube
WebDEV #видео #web
YouTube
Как работают веб приложения. Что происходит, когда вы вводите адрес в браузере
Как запросы от браузера посылаются к серверу, как они обрабатываются на сервере, как серверное приложение работает с базами данных, как присылает ответ серверу, как браузер показывают страницу и про front-end приложения.
0:00 Вступление
0:33 DNS, Получение…
0:00 Вступление
0:33 DNS, Получение…
Go + React
Go используется для Backend разработки, а React — для Frontend. Чтобы объединить Go с библиотекой на JavaScript, нужно правильно настроить CORS.
Автор рассказывает, как это сделать, какие могут быть проблемы с безопасностью (и как их решить), а также создаёт пример сайта с Go & React.
📺 YouTube
WebDEV #видео #JavaScript #React #Go
Go используется для Backend разработки, а React — для Frontend. Чтобы объединить Go с библиотекой на JavaScript, нужно правильно настроить CORS.
Автор рассказывает, как это сделать, какие могут быть проблемы с безопасностью (и как их решить), а также создаёт пример сайта с Go & React.
📺 YouTube
WebDEV #видео #JavaScript #React #Go
YouTube
ДРУЖБА GOLANG И REACTJS! НАСТРАИВАЕМ CORS
#golang #reactjs #howto #cors
Приятного просмотра!
Не забываем про Телеграмм группу:
Telegram Group: https://xn--r1a.website/theartofdevel
И канал:
Telegram Channel: https://xn--r1a.website/theartofdev
Поддержи выход новых видео на Патреоне!
https://www.patreon.com/theartofdevelopment…
Приятного просмотра!
Не забываем про Телеграмм группу:
Telegram Group: https://xn--r1a.website/theartofdevel
И канал:
Telegram Channel: https://xn--r1a.website/theartofdev
Поддержи выход новых видео на Патреоне!
https://www.patreon.com/theartofdevelopment…
Полный Full Stack-курс
Full Stack — человек, который разрабатывает все приложения самостоятельно (пишет и Fronted, и Backend). В данном случае вам потребуется знать MongoDB, Express, React и NodeJS.
После просмотра вы научитесь писать свой Backend, работать с MongoDB, деплоить приложение, подключать аутентификацию с помощью JWT, а также объединять Fronted и Backend.
📺 YouTube
WebDEV #видео #React #NodeJS
Full Stack — человек, который разрабатывает все приложения самостоятельно (пишет и Fronted, и Backend). В данном случае вам потребуется знать MongoDB, Express, React и NodeJS.
После просмотра вы научитесь писать свой Backend, работать с MongoDB, деплоить приложение, подключать аутентификацию с помощью JWT, а также объединять Fronted и Backend.
📺 YouTube
WebDEV #видео #React #NodeJS
YouTube
Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)
В этом видео ты научишься с нуля разрабатывать бэкенд на стэке MERN (MongoDB, Express, React, NodeJS) и подключать к фронтенду свой бэкенд. Также, к завершению урока ты научишься деплоить своё приложение на Heroku + Vercel.
Курс идеально подойдёт для новичков…
Курс идеально подойдёт для новичков…
Я пробовал 10 редакторов кода
10 лучших редакторов кода для программистов в 2022 году. Мы начнем с изучения простых текстовых редакторов, таких как vim, а затем покажем эволюцию в интегрированных средах разработки, таких как Visual Studio.
📺 YouTube
WebDEV #видео
10 лучших редакторов кода для программистов в 2022 году. Мы начнем с изучения простых текстовых редакторов, таких как vim, а затем покажем эволюцию в интегрированных средах разработки, таких как Visual Studio.
📺 YouTube
WebDEV #видео
YouTube
I tried 10 code editors
The top 10 code editors for programmers in 2022. We start by exploring simple text editors like vim, then show the evolution to IDEs like Visual Studio.
#programming #code #top10
🔗 Resources
VS Code course https://fireship.io/courses/vscode-tricks
Editor…
#programming #code #top10
🔗 Resources
VS Code course https://fireship.io/courses/vscode-tricks
Editor…
Инструменты веб-разработчика
Инструменты веб-разработчика это различные сайты, программы и сервисы которые мы используем в своей работе. В этом видео курсе мы будем устанавливать необходимы для веб-разработки программы. Так же я расскажу вам о некоторых полезных сайтах (сервисах), которые помогут нам выполнять некоторые действия.
Мы рассмотрим работу с Google Fonts, Font Awesome, Swiper.js, 960 grid system, Hover.css, Firefox Developer Edition, CodePen, Material Palette и многое другое.
📺 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
TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации.
Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике.
📺 YouTube
WebDEV #видео #TypeScript
YouTube
Нужен ли TypeScript Вашему проекту?
Нам все чаще намекают, что TypeScript это единственно правильный путь развития Frontend разработчика. С другой стороны периодически мелькают статьи на тему "Нужен ли TypeScript в 2020?". Данное видео поможет Вам разобраться во всех этих мнениях!
Поддержать…
Поддержать…
React Native за 100 секунд
React Native позволяет разработчикам создавать кроссплатформенные приложения для iOS, Android и веба из единой кодовой базы JavaScript. Начните создавать свое первое нативное мобильное приложение с помощью React Native.
📺 YouTube
WebDEV #видео #ReactNative
React Native позволяет разработчикам создавать кроссплатформенные приложения для iOS, Android и веба из единой кодовой базы JavaScript. Начните создавать свое первое нативное мобильное приложение с помощью React Native.
📺 YouTube
WebDEV #видео #ReactNative
YouTube
React Native in 100 Seconds
React Native allows developers to build cross-platform apps for iOS, Android, and the Web from a single JavaScript codebase. Get started building your first native mobile app with React Native
#react #mobiledev #100SecondsOfCode
🔗 Resources
React Native…
#react #mobiledev #100SecondsOfCode
🔗 Resources
React Native…
Методы массивов JavaScript
Этот курс о методах массивов в JavaScript предлагает обширный обзор функциональности, начиная с базовых методов, таких как IndexOf, Map и Filter, и заканчивая более продвинутыми, такими как Flat, Fill и keys. Каждый урок сопровождается практическими примерами, чтобы студенты могли немедленно применить полученные знания.
📺 YouTube
WebDEV #видео
Этот курс о методах массивов в JavaScript предлагает обширный обзор функциональности, начиная с базовых методов, таких как IndexOf, Map и Filter, и заканчивая более продвинутыми, такими как Flat, Fill и keys. Каждый урок сопровождается практическими примерами, чтобы студенты могли немедленно применить полученные знания.
📺 YouTube
WebDEV #видео