Nuxt JS с Laravel API - Создание приложений SSR Vue JS - Видеоуроки

Nuxt JS with Laravel API - Building SSR Vue JS Apps
Duration 08:53:01
Открыть все курсы от udemy

Изучите Laravel API разработку. Изучите Nuxt JS с нуля, чтобы создавать веб-приложения для SPA, Static и SSR Vue JS с Vuex. Здравствуйте и добро пожаловать в полную версию Laravel API Development с Nuxt JS в качестве фреймворка внешнего интерфейса, который помогает создавать мощные приложения на стороне сервера для визуализации Vue js с Vuex наилучшим возможным способом.

Этот курс призван помочь вам с нуля построить полноценный веб-интерфейс вашего приложения с помощью Nuxt JS.

Так зачем изучать Nuxt JS?

Главным образом потому, что это помогает вам создавать приложения Vue JS наилучшим образом. Nuxt поставляется с маршрутизацией и рендерингом на стороне сервера. с помощью Nuxt вы можете создавать одностраничные приложения (SPA), статические сайты и полностью серверные веб-приложения (SSR). Эти приложения, как правило, очень быстро и производительно!

И если вы уже знаете Vue JS, вам будет легко освоить Nuxt js. С Nuxt JS вы продолжите, чтобы стать лучшим разработчиком Vue JS ... и не говоря уже о Vue JS - самый популярный я в мире фреймворк JavaScript в последнее время.

Зачем изучать разработку API?

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

В настоящее время Laravel является самой популярной в мире веб-средой для создания полнофункциональных веб-приложений. С его помощью вы можете создавать любые типы серверных приложений. В последние версии была добавлена поддержка API.

Так для кого этот курс?

Этот курс предназначен для людей, имеющих хотя бы базовые знания Vue JS. И для людей, которые уже знакомы с Laravel основами, но хотят погрузиться в разработку API.

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

Короче говоря, это единственный курс на Udemy, который учит вас, как создавать свой собственный API с помощью Laravel, а также создавать интерфейс с Nuxt JS - все в одном курсе!

Так на что похож курс?

Этот курс начинается с абсолютных основ Nuxt JS. Затем он проходит через все основы Nuxt JS. Вы также создадите проект, изучая Nuxt, а также развернитесь на хостинг Firebase.

Как только вы поймете все о Nuxt, вы перейдете в Laravel. С Laravel вы научитесь создавать мощный бэкэнд со всем, что вы хотите включить, такими вещами как аутентификация, CRUD, лайки, отношения, ресурсы API и многое другое ...

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

Этот курс также имеет более масштабный и захватывающий финальный проект. Вы будете создавать Полный API с Laravel, который будет иметь Аутентификацию, CRUD, Отношения, включая полиморфные отношения для Лайков и многое другое ...

Вы также научитесь использовать postman для тестирования при создании вашего API.

К концу вы будете достаточно сильны, чтобы начать свой следующий крупный проект, используя бэкэнд Laravel, который будет служить вашим API, и Nuxt JS, чтобы создать клиент для вашего веб-приложения.

Полный список уроков Развернуть / Свернуть
  • Урок 1. Introduction 00:02:02
  • Урок 2. Core topics 00:04:48
  • Урок 3. Why learn Nuxt? 00:07:31
  • Урок 4. More reasons to learn Nuxt 00:02:01
  • Урок 5. Universal JavaScript Application 00:01:07
  • Урок 6. Types of apps you can build with Nuxt 00:04:19
  • Урок 7. Installation 00:05:11
  • Урок 8. Files and folders structure 00:06:41
  • Урок 9. Creating pages 00:04:10
  • Урок 10. Creating nested pages 00:06:48
  • Урок 11. Route parameters 00:05:17
  • Урок 12. Nuxt validate method 00:05:17
  • Урок 13. Nuxt child component 00:04:34
  • Урок 14. Using Bootstrap4 and jQuery 00:06:05
  • Урок 15. Creating Navigation 00:05:04
  • Урок 16. Custom Error Page 00:01:58
  • Урок 17. Using nuxt link 00:02:36
  • Урок 18. Using your own stylesheet 00:06:30
  • Урок 19. Project introduction 00:01:53
  • Урок 20. Making API request - Vue JS way 00:08:58
  • Урок 21. Making API request - Nuxt JS way using asyncData method 00:04:42
  • Урок 22. asyncData method runs on both client and server side 00:07:02
  • Урок 23. Using asyncData method 00:08:11
  • Урок 24. Async await to make API request 00:05:41
  • Урок 25. Vue Component 00:05:47
  • Урок 26. Show post by id 00:05:02
  • Урок 27. Getting individual post 00:08:31
  • Урок 28. Activate vuex store 00:03:28
  • Урок 29. Loading images from assets folder 00:02:40
  • Урок 30. Create vuex store 00:05:23
  • Урок 31. Populate vuex store 00:01:51
  • Урок 32. Accessing data from vuex store 00:05:39
  • Урок 33. Using nuxt fetch method 00:01:27
  • Урок 34. Installing and using plugins 00:05:27
  • Урок 35. No SSR component 00:06:43
  • Урок 36. Nuxt server init method 00:05:27
  • Урок 37. Applying transitions 00:02:44
  • Урок 38. Deploy static site to firebase hosting 00:09:48
  • Урок 39. Deploy single page app (SPA) to firebase hosting 00:04:26
  • Урок 40. Laravel Nuxt project introduction 00:03:05
  • Урок 41. Laravel setup 00:04:12
  • Урок 42. Nuxt setup 00:02:23
  • Урок 43. Using Bootstrap via CDN 00:02:51
  • Урок 44. Navigation 00:06:37
  • Урок 45. Login and register page 00:05:49
  • Урок 46. Setup laravel JWT authentication 00:06:25
  • Урок 47. Register user 00:09:08
  • Урок 48. Create validation request 00:02:38
  • Урок 49. Laravel API resources 00:05:26
  • Урок 50. Respond with token 00:04:28
  • Урок 51. User login 00:05:28
  • Урок 52. User endpoint 00:07:28
  • Урок 53. User logoout 00:01:45
  • Урок 54. Add CORS support 00:02:23
  • Урок 55. Nuxt auth setup 00:05:42
  • Урок 56. User login 00:09:34
  • Урок 57. Auth getters 00:05:09
  • Урок 58. Global mixin 00:03:54
  • Урок 59. Show user 00:02:20
  • Урок 60. Logout user 00:01:36
  • Урок 61. User registration 00:08:34
  • Урок 62. Global vuex validation 00:10:07
  • Урок 63. Show validation errors 00:06:25
  • Урок 64. Clear validation middleware 00:04:08
  • Урок 65. Auth middleware 00:01:46
  • Урок 66. Guest middleware 00:08:19
  • Урок 67. Moving to CRUD 00:01:08
  • Урок 68. Topic and Post model and migration 00:03:40
  • Урок 69. Topic User Post relationships 00:01:55
  • Урок 70. Scope trait 00:03:44
  • Урок 71. Create a new topic 00:06:59
  • Урок 72. Topic resource 00:04:43
  • Урок 73. Post resource 00:03:42
  • Урок 74. Topic request validation 00:04:08
  • Урок 75. Nuxt - Topic create page 00:10:12
  • Урок 76. Return all topics 00:03:15
  • Урок 77. Nuxt - Get all topics 00:04:55
  • Урок 78. Nuxt - Showing all topics 00:04:48
  • Урок 79. Nuxt - Pagination 00:07:31
  • Урок 80. Respond single topic 00:02:09
  • Урок 81. Nuxt - Get single topic 00:06:21
  • Урок 82. Nuxt - Show single topic 00:01:32
  • Урок 83. Topic update 00:04:46
  • Урок 84. Topic update policy 00:06:16
  • Урок 85. Topic delete policy 00:04:11
  • Урок 86. Nuxt - Topic update page 00:08:21
  • Урок 87. Nuxt - Topic title update 00:09:57
  • Урок 88. Nuxt - Delete topic 00:04:25
  • Урок 89. Add post to topic 00:10:41
  • Урок 90. Update and delete post 00:13:46
  • Урок 91. Nuxt - Create post 00:06:53
  • Урок 92. Nuxt - Update post 00:08:07
  • Урок 93. Return single post 00:02:28
  • Урок 94. Nuxt - Update single post 00:06:11
  • Урок 95. Likes polymorphic relationship 00:12:07
  • Урок 96. Implementing post likes 00:10:10
  • Урок 97. Show like button with count 00:14:49
  • Урок 98. Home page 00:08:42
Этот курс находится в платной подписке!

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

Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

30-11--0001 en 13 уроков
egghead Build a Server Rendered Vue.js App with Nuxt and Vuex
Vue.js обладает первоклассной экосистемой помогающей создавать приложения. Сюда входит Nuxt.js, который позволяет применять Server Rendered приложения и постраничный подход.
Этот курс начнется с пустого приложения и расскажет как использовать Vue.js для создания приложения, Nuxt.js для организации приложения и Vuex для управления состоянием.
Duration 00:33:40
28 4
en 14 уроков
vueschool.io Nuxt.js Fundamentals
Изучите основы Nuxt.js в этом курсе, который мы создали вместе с создателями Nuxt. Курс охватывает то, что вам нужно знать для развертывания вашего первого приложения Nuxt.js.
Duration 00:35:54
7 0
en 4 урока
vueschool.io Static Site Generation with Nuxt.js
Узнайте, как создавать статические веб-сайты (предварительный рендеринг) с помощью Nuxt.js, чтобы повысить как производительность, так и SEO, а также сократить расходы на хостинг.
Duration 00:11:46
2 1
en 2 урока
vuemastery Scaling Vue with Nuxt.js
Когда вы освоитесь с Vue, изучение фреймворка, такого как Nuxt.js, позволит вам создавать готовые к работе веб-приложения, которые следуют лучшим рекомендациям.
Duration 00:20:35
3 0
31-10-2018 en 14 уроков
udemy Laravel - Learn How to Create Charts with Vue.js and Laravel
На этом коротком курсе студенты научатся использовать VUE.js с Laravel для создания пользовательских диаграмм (чартов) для отображения данных. Студенты также научатся отправлять и получать запросы через VUE на бэкэнд (PHP), где они могут его обработать. Это отличный курс для тех, кто хочет изучить эти знания, чтобы сразу применить их в своих проектах. Мы прыгаем прямо в главнуб тему этого курса, не тратя слишком много времени на тривиальные...
Duration 01:08:19
6 2
en 29 уроков
laraveldaily.com How to Structure Laravel Project
Laravel - это фреймворк MVC, понятно, что должно быть в Model, View и Controller. Но что, если у вас есть кастомная логика для обработки данных перед передачей их в представление? Где это должно быть?
Duration 04:51:17
20 1
11-09-2018 en 101 урок
udemy Real Time Single Page Forum App with Pusher Laravel & vuejs
Делаем вещи динамичными с помощью Pusher в SPA приложении. Создайте уведомления и ответы в реальном времени как у Facebook. Вы узнаете, как генерировать Json Web Token (JWT) в Laravel и как войти / выйти из системы с помощью Token. Вы будете использовть Vuetify вместе с Vuejs. Создадите динамичную систему рейтингов.
Duration 10:03:10
6 2
19-08-2018 en 109 уроков
udemy Fullstack Web Development With Laravel and Vue.js
Узнайте, как создавать Full Stack веб-приложения с помощью Laravel 5, Laravel Mix, Vue js, Bootstrap 4 и Sass. Добро пожаловать в «Fullstack Web Development With Laravel», лучший онлайн-курс для изучения того, как создать полноценное сетевое приложение с Laravel 5, Bootstrap 4, Vue.js и другими технологиями. Вы узнаете основные и продвинутые функции Laravel, интегрируя Bootstrap 4, Fontawesome 5, используя Laravel mix для написания и...
Duration 16:41:52
14 1
14-06-2018 ru 12 уроков
Давыдов Роман Фреймворк Laravel: быстрый старт для PHP-разработчика
Фреймворк Laravel — это чистая и стильная основа для веб-разработки. Все больше крупных компаний таких как Яндекс, CarPrice, BelkaCar, LinkedInиспользуют его при создании собственных продуктов. 

Laravel — универсальный инструмент для создания лендингов, блогов, чат-ботов, серверной части мобильных приложений, парсеров, полноценных интернет-магазинов. В вашем распоряжении гигабайты готовых библиотек под...
Duration 15:09:16
33 5
14-05-2018 en 17 уроков
udemy Laravel React CRUD/SPA APP in 2 hours
Научитесь делать GET POST PUT и DELETE запросы на laravel backend с помощью axios из React Components. Постройте CRUD / SPA. Научитесь делать CRUD (создавать, читать и удалять) / SPA (одностраничное приложение) Приложение, использующее Laravel и React JS всего за 2 часа!Этот 100-процентный практический курс позволит вам сделать операции CRUD с интерфейса React до Laravel. CRUD является основой для динамических веб-приложений. Как только вы...
Duration 01:49:30
8 1
30-11--0001 en 34 урока
adamwathan Advanced Vue Component Design
Узнайте, как создавать более простые и гибкие компоненты, которые являются более мощными и удобными в обслуживании. Я использую Vue.js в продакшене приложений с весны 2015 года и узнал тонну о написании поддерживаемого и эластичного кода Vue.
Duration 03:57:19
70 1
24-04-2019 ru 106 уроков
webformyself Фреймворк NuxtJS. Руководство по FullStack-разработке
Полное руководство по Nuxt. Почему стоит посмотреть этот курс? Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах. По урокам курса создайте с нуля универсальное SPA-приложение и поместите его в портфолио. Создание и настройка SSR-приложений занимает много времени. Nuxt позволяет крайне...
Duration 15:24:59
2 0

Последнее добавленное

Жесткие части: cерверы и Node.js

Жесткие части: cерверы и Node.js

en
На этом семинаре мы пойдем под капот Node двумя противоположными способами - поняв разработку серверов на основе интуитивно понятных принципов (HTTP, TCP / IP, Ports, Loopback, SSH) и поняв функции JavaScript, составляющие Node (событие цикл, потоки, буферы, асинхронность, прототипы).
Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

en
Этот курс предназначен для того, чтобы помочь вам выучить и развить необходимые навыки для сдачи сертификационного экзамена Microsoft Azure AZ-100. Экзамен AZ-100 проверяет ваши знания в области создания, настройки и управления ресурсами в облаке Azure, включая, помимо прочего: управление...
Сертифицированный специалист по безопасности информационных систем (CISSP)

Сертифицированный специалист по безопасности информационных систем (CISSP)

en
Чтобы получить сертификат CISSP, кандидаты должны сдать экзамен, состоящий в основном из вопросов с несколькими вариантами ответов. Цель этого курса - подготовить вас к сертификационному экзамену, познакомив вас с понятиями и терминологией, которые вам необходимо знать для прохождения.
Сертифицированный архитектор решений AWS - Professional

Сертифицированный архитектор решений AWS - Professional

en
AWS является одной из самых быстрорастущих платформ облачных сервисов, предлагаемых сегодня. Он используется во всем мире миллионами пользователей! Возможность получить сертификацию уровня CSA Pro является одним из главных достижений для любого облачного инженера. Учитывая это, это также один...
Тестирование мобильных приложений

Тестирование мобильных приложений

ru
В современном мире бизнес всё чаще обращает внимание на мобильные технологии. И в этом нет ничего удивительного. Рынок мобильных устройств растёт в разы быстрее рынка домашних компьютеров, позволяя реализовывать новые возможности для развития и продвижения самых передовых бизнес идей.
Фреймворк NuxtJS. Руководство по FullStack-разработке

Фреймворк NuxtJS. Руководство по FullStack-разработке

ru
Полное руководство по Nuxt. Почему стоит посмотреть этот курс? Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах. По урокам курса...
Moscow Python Conf ++ 2019

Moscow Python Conf ++ 2019

ru
Конференция Moscow Python Conf ++ посвящена всему, что делают Python разработчики: backend и web, сбор и обработка данных, AI/ML, тестирование, DevOps, базы данных, IoT, infosec. Кроме этого, мы обсуждаем сам язык, его развитие, организацию проектов, управление зависимостями и лучшие практики...
Разработка PHP-пакетов (PRO версия)

Разработка PHP-пакетов (PRO версия)

en
Премиум видео курс по разработке пакетов для PHP и Laravel. "Я вроде уже делал такое, давайте я гляну на старых проектах." Знакомы такие слова ? Когда мне давали задание на моей работе, я обычно отправлялся на поиски доступного пакета с открытым исходным кодом на packagist.org - и если не было...
chat
logo