udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Full Stack Next.js с Redux, Express и MongoDB
Full Stack Next.js with Redux, Express & MongoDB
Продолжительность
4 ч 7 мин
Категория
Next.js
Количество уроков
49 Видео
Дата добавления
30 мар. 2021 г., 00:42
Язык
Английский
Дата выхода
21 янв. 2021 г., 02:00
Next.js - это фреймворк для создания приложений React, который поставляется с системой маршрутизации на основе страниц, рендерингом на стороне сервера, статической оптимизацией с выборкой данных, автоматическим разделением кода, маршрутизацией на стороне клиента с предварительной выборкой страниц, встроенным CSS ( и SASS) и API роуты.
Next.js основан на React, webpack и babel. Это отличный инструмент для создания веб-приложений, известный благодаря рендерингу на стороне сервера.
Хотя React великолепен, Next.js делает еще один шаг вперед в улучшении SEO благодаря функции рендеринга на стороне сервера. Next.js - это быстрорастущий фреймворк React, который в настоящее время используется в более чем 110000 репозиториев на github.
Этот курс охватывает основы настройки вашего приложения Next.js и его настройки для Redux, MongoDB, Bootstrap 4 и LESS, оттуда мы рассмотрим некоторые реализации этих ключевых функций, цель - дать вам твердое представление, что можно сделать и как этого добиться.
Next.js имеет широкий набор функций, которые нравятся большинству технических энтузиастов и компаний;
- Горячая перезагрузка кода: автоматически перезагружает приложение при сохранении изменений в коде.
- Автоматическое разделение кода: с помощью этой функции каждый импорт в коде объединяется и обслуживается с каждой страницей. Это означает, что ненужный код никогда не загружается на страницу.
- Совместимость экосистемы: Совместимость с JavaScript, Node и React.
- Серверный рендеринг: легко визуализировать компонент React на сервере перед отправкой HTML клиенту.
- Styled-JSX: Styled-JSX позволяет писать CSS непосредственно внутри кода JavaScript.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:03:05Introduction
-
Урок 2. 00:03:10JavaScript Variables
-
Урок 3. 00:02:59Arrays & Objects
-
Урок 4. 00:03:43Array Methods
-
Урок 5. 00:03:51Functions & Classes
-
Урок 6. 00:05:14Next App Setup
-
Урок 7. 00:05:11Adding Support for Web Assets
-
Урок 8. 00:04:47Routing
-
Урок 9. 00:02:12Pushing to Git
-
Урок 10. 00:05:29Redux Set-up
-
Урок 11. 00:04:18Redux Configuration
-
Урок 12. 00:03:41Redux Configuration II
-
Урок 13. 00:01:46React Dev Tools Installation
-
Урок 14. 00:06:25Using Redux
-
Урок 15. 00:02:23Intro to Node/Express
-
Урок 16. 00:01:32ES5 JavaScript
-
Урок 17. 00:03:58API Setup
-
Урок 18. 00:05:01API Setup II
-
Урок 19. 00:02:58API Methods
-
Урок 20. 00:05:57Connecting to Mongo DB
-
Урок 21. 00:02:23Our Mongo Connect Code
-
Урок 22. 00:04:50Adding Entries to our Database
-
Урок 23. 00:06:35Adding Bootstrap 4
-
Урок 24. 00:06:34Responsive Navbar
-
Урок 25. 00:12:23Server Register Endpoint
-
Урок 26. 00:05:38Server Log In Endpoint
-
Урок 27. 00:08:28UI Register Form
-
Урок 28. 00:03:13UI Log In Form
-
Урок 29. 00:02:52Add Redux Thunk to Redux
-
Урок 30. 00:05:54Implement Redux Sign Up I
-
Урок 31. 00:10:58Implement Redux Sign Up II
-
Урок 32. 00:03:16Implement Redux Sign Up III
-
Урок 33. 00:04:28Redux Sign In
-
Урок 34. 00:08:55Persist User Data & Show Errors
-
Урок 35. 00:01:38Add Next Environment Variables
-
Урок 36. 00:12:33Create Todo Endpoint
-
Урок 37. 00:02:43GET Todos Endpoint
-
Урок 38. 00:03:31UPDATE Todo Endpoint
-
Урок 39. 00:05:46DELETE Todo Endpoint
-
Урок 40. 00:05:15Refactor Some Codes
-
Урок 41. 00:07:13Redux Action: READ Todos
-
Урок 42. 00:03:16Redux Actions: CREATE, UPDATE & DELETE Todo
-
Урок 43. 00:04:36Display All Todos UI
-
Урок 44. 00:07:56CREATE Todo UI
-
Урок 45. 00:08:30DELETE & UPDATE Todos UI
-
Урок 46. 00:04:52FIX Redux Legacy Code Warning
-
Урок 47. 00:05:29Optimizing Our Next Config
-
Урок 48. 00:06:24Deploying to Heroku
-
Урок 49. 00:03:46Deploying to Vercel
Автор - udemy
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Строго Типизированный Next.js
Strongly Typed Next.js
Добро пожаловать в 'Строго Типизированный Next.js'! Next.js обеспечивает Вам лучший опыт разработки со всеми функциями, необходимыми для продакшена: гибридный статический и серверный рендеринг, поддержка TypeScript, smart bundling, route pre-fetching и многое другое.
NextJS 14 и React - Полное Руководство
Next.js 14 & React - The Complete Guide
Я создал самый продаваемый курс Udemy по React, теперь я очень рад поделиться с вами этим курсом по NextJS - углубленным курсом об удивительном фреймворке React, который позволяет вам сделать следующий шаг в качестве разработчика React и построить настоящие, готовые к производству проекты с React и Next.js! Next.js - это готовый к работе фреймворк с поддержкой полного стека для ReactJS - самой популярной библиотеки JavaScript, которую вы можете и
Создайте интернет-магазин с Next.js и Stripe Checkout
Create an eCommerce Store with Next.js and Stripe Checkout
Принимайте платежи и продавайте продукты на базе Stripe и лучших продуктов JAMStack. Существует столько же способов создать интернет-магазин в Интернете, сколько продуктов для продажи. Одно можно сказать наверняка: электронная коммерция никуда не денется, и, как профессиональные разработчики, мы должны понимать, как создавать полностью индивидуализированные магазины для наших клиентов, используя лучшие современные инструменты.
fireship.io
9 февр. 2021 г., 23:30
Next.js Firebase - Полный курс
Next.js Firebase - The Full Course
Узнайте, как создать высокопроизводительное приложение React с данными в реальном времени из Firebase и несколькими парадигмами рендеринга на стороне сервера с помощью Next.js.
Production-Ready Next.js
На этом курсе вы узнаете, как максимально эффективно использовать Next.js с помощью передовых методов и рабочих процессов. Вы узнаете, как эффективно создавать тысячи страниц с помощью markdown, обрабатывать аутентификацию и как Next.js отлично работает с CMS. После этого курса вы будете готовы к работе с вашим приложением Next.js.