WebDEV
11.6K subscribers
1.27K photos
1.53K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc
Download Telegram
Next.js 12 is a Beast

Обзор на Next.js версии 12. Он наполнен потрясающими функциями, такими как компилятор rust, параллельный режим, серверные компоненты и многое другое. Полный курс.

📺 YouTube

WebDEV #видео #js
📖 React: Up & Running: Building Web Applications
🖋 Stoyan Stefanov, 2021

Начните работу с React, технологией с открытым исходным кодом от Facebook для быстрого создания полнофункциональных веб-приложений. Обновленное для последней версии React, второе издание этого практического руководства показывает, как создавать компоненты React и организовывать их в поддерживаемые крупномасштабные приложения. Если вы знакомы с синтаксисом JavaScript, вы готовы приступить к работе.

💾 Скачать книгу

WebDEV #book #React #js
WebDEV #test #React

Выберите правильный вариант 👇🏼
WebDEV #test #React

Выберите правильный вариант 👇🏼
React for the Haters in 100 Seconds

React — самый популярный JS-фреймворк, но некоторые веб-разработчики считают его отстойным. Давайте посмотрим на критику и ненависть в адрес React.js.

📺 YouTube

WebDEV #видео #React #js
WebDEV #test #React

Выберите правильный вариант 👇🏼
React или Vue или Angular

Не каждый готов потратить своё время на изучение фреймворка, который в дальнейшем ему не пригодится. Так какой же лучше подойдёт для вашего проекта?

В этом видео автор рассказал про три самых популярных фреймворка для фронтэнд-разработки, их преимущества, недостатки, и даже немного затронул сферы применения.

📺 YouTube

WebDEV #видео #React #Angular #Vue
🛠 Roadmap — полезный ресурс, где можно найти готовые карты для развития во Frontend, React, Backend и ещё в нескольких направлениях.

WebDEV #инструменты #React
📖 MERN Projects for Beginners
🖋 Nabendu Biswas, 2021

Узнайте, как использовать MERN стек (MongoDB, Express.js , React, add Node) для создания нескольких веб-приложений: для знакомств, обмена видео, обмена сообщениями и социальных сетей. При создании этих веб-приложений вы изучите ключевые концепции, в том числе как использовать React hooks, Redux, MongoDB, Express, Heroku, Firebase, Material UI и аутентификацию через Google. Расширяя свое портфолио создаваемыми вами проектами, вы будете хорошо подготовлены как full stack разработчик.

💾 Скачать книгу

WebDEV #book #React #Google #web #UI
📖 Beginning Django API with React
🖋 Correa, Daniel & Lim, Greg, 2022

В этой книге автор отправит вас в увлекательное, путешествие по изучению разработки стека Django + React. Вы начнете создавать свое первое приложение с Django и React в течение нескольких минут. Каждая глава написана лаконично и прямо по существу, без лишней информации, которая не относится к разработке. В конце концов, у вас будет работающее приложение Todo, развернутое в Интернете.

💾 Скачать книгу

WebDEV #book #React #API #Django
Быстрый курс по Next.js

Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.

В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.

📺 YouTube

WebDEV #видео #React #js
📖 Pro MERN Stack
🖋 Vasan Subramanian, 2017

Соберите полный стек, необходимый для создания современного веб-приложения, используя React: MongoDB (база данных NoSQL) и Express (фреймворк для серверов веб-приложений), который работает на Node (JavaScript на стороне сервера), очень хорошо дополняют React. В этой книге также будут рассмотрены многие другие инструменты, необходимые для создания полноценного веб-приложения: React Router, React-Bootstrap, Redux, Babel и webpack.

💾 Скачать книгу

WebDEV #book #JavaScript #React
Полный Full Stack-курс

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

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

📺 YouTube

WebDEV #видео #React #NodeJS
React + Redux + TypeScript

React — создаст интерфейс, Redux поможет им управлять, а TypeScript сделает код более читаемым и стабильным. Отличный же сайт получится, если всё это объединить!

Перед просмотром надо иметь базу по всем инструментам, ведь в ролике рассказывается как их объединить, а не как ими пользоваться.

📺 YouTube

WebDEV #видео #React #TypeScript
Мощный React-стек

TypeScript — типизированный код, Redux Toolkit — управление состояниями, RTKQuery — REST система, а Tailwind — упрощает вёрстку.

Объединив всё это вместе, можно получить отличный стек, который позволяет создавать мощные, стабильные и гибкие веб-приложения.

📺 YouTube

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

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

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

📺 YouTube

WebDEV #видео #JavaScript #React #Go
Правильная структура в React проекте

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

В видео разбираются три структуры: Feature-sliced, Atomic design и ещё один авторский вариант. После просмотра вы поймёте, как важно, чтобы файлы проекта лежали по своим папкам.

📺 YouTube

WebDEV #видео #React
FullStack для новичков

Web делится на две части: то, что вы видите и то, что происходит на стороне сервера. FullStack умеет делать и в Frontend и в Backend.

Автор создаёт классный сайт с MongoDB, Express, React и Node.js. Также расскажет, как загрузить его на Heroku. Звучит сложно, но автор объясняет все так, что поймёт и новичок.

📺 YouTube

WebDEV #видео #React #web #NodeJS #js
📖 Real-World Next.js
🖋 Michele Riva, 2022

Next.js - это масштабируемый и высокопроизводительный фреймворк поверх React.js для современной веб-разработки, предоставляющий большой набор функций, таких как гибридный рендеринг, предварительная выборка маршрутов, автоматическая оптимизация изображений и интернационализация. Если вы хотите создать блог, сайт электронной коммерции или простой веб-сайт, эта книга покажет вам, как можно использовать многоцелевой фреймворк Next.js для создания впечатляющего пользовательского опыта.

💾 Скачать книгу

WebDEV #book #React #web #js
📖 React Application Architecture for Production
🖋 Alan Alickovic, 2023

На протяжении всей книги вы будете работать с реальными практическими примерами, демонстрирующими все рассмотренные концепции. Вы научитесь создавать современные фронтенд-приложения, созданные с нуля и готовые к производству. Начиная с обзора экосистемы React, книга поможет вам определить инструменты, доступные для решения сложных задач разработки. Затем вы перейдете к созданию API, компонентов и страниц, чтобы сформировать полноценное фронтенд-приложение. Книга также поделится лучшими практиками тестирования, обеспечения безопасности и структурированной упаковки вашего приложения, а затем, наконец, развертывания вашего приложения с учетом масштабируемости.

💾 Скачать книгу

WebDEV #book #React #API