udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Nuxt.js и Vue.js | Self Promo App
The Complete Nuxt.js & Vue.js Course | Self Promo App
★5 (всего оценок - 16)
Продолжительность
41 ч 42 мин
Категория
VueКоличество уроков
247 Видео
Дата добавления
2 окт. 2019 г., 17:22
Язык
Английский
Дата выхода
1 окт. 2019 г., 17:04
Дата обновления
19 авг. 2020 г., 10:47
Полное руководство для разработчиков, охватывающее Vue.js и Nuxt.js. Начните строить реальные проекты.
ЧТО ТАКОЕ NUXT JS?
Nuxt.js задает все настройки, необходимые для того, чтобы сделать разработку приложения Vue.js приятной.
Режим рендеринга на стороне сервера (SSR - универсальный) является наиболее популярным режимом для Nuxt. С помощью SSR, также называемого «универсальным» или «изоморфным» режимом, сервер Node.js будет использоваться для доставки клиенту HTML, основанного на ваших компонентах Vue, вместо чистого javascript. Использование SSR приведет к значительному увеличению SEO, улучшению UX и расширению возможностей (по сравнению с традиционным Vue SPA).
Поскольку самостоятельная реализация SSR может быть очень утомительной, Nuxt.js предоставляет вам полную поддержку из коробки и позаботится о распространенных ошибках.
ЧТО ТАКОЕ VUE JS?
Vue JS - это очень популярный фреймворк JavaScript, который был разработан специально для того, чтобы помочь вам писать веб-приложения быстрее и проще, чем когда-либо прежде!
Используемый такими компаниями, как Nintendo, Adobe, GitLab, Baidu и Alibaba, популярность Vue JS быстро растет, поэтому самое время добавить его в свое резюме.
К концу этого курса у вас появятся навыки и уверенность, необходимые для использования Vue JS в ваших собственных проектах!
Таким образом, независимо от того, являетесь ли вы полным новичком в Vue JS или опытным программистом, стремящимся улучшить свои навыки, этот курс для вас!
КУРС
Студенты учатся лучше всего, когда они сразу же применяют то, чему они учатся, поэтому мы построили этот курс на трех действительно хороших проектах (которые будут великолепно смотреться в вашем портфолио карьеры!):
Проект 1 - Приложение Todo
Этот проект лучше всего подходит для начинающих разработчиков без какого-либо или минимального опыта программирования. Первое приложение охватывает основные понятия, которые должен знать каждый разработчик. Первые 20 лекций охватывают базовые концепции на практических примерах в песочнице. Остальные студенты секции будут работать над приложением «todo», изучая концепции, связанные с Vue JS. Раздел также содержит объяснения HTML и CSS.
- Получите базовые знания по программированию (функции, переменные, классы ...)
- Знать, как создать данные store в нашем браузере Local Storage.
- Полное понимание концепций Vue JS, таких как привязка данных, обработка данных, обработка событий, управление состоянием (и многое другое!)
Проект 2 - Блог
Nuxt.js стартовый проект. Базовые знания программирования не требуется. Студенты должны иметь все необходимые знания, необходимые для работы над этим проектом после завершения первого проекта. В этом проекте студенты познакомятся с темами, связанными с Nuxt.js / Vue.js. В этом проекте студенты будут работать над приложением для создания и управления постами.
- Получите базовые знания о Nuxt.js
- Узнайте, как работает SSR
- Познакомьтесь с Vuex
- Узнайте, как сохранить данные на сервере
Проект 3 - Self Promo App
Этот проект самый длинный и подробный. Студенты работают над множеством интересных функций. Студенты научатся создавать красивое приложение для саморекламы с панелью администратора, аутентификацией, функциями REST и другими интересными вещами.
Последний проект состоит из нескольких разделов. В первом разделе инструктор объяснит аутентификацию, включая функции регистрации и входа в систему. Студенты не только узнают, как аутентифицировать пользователей, но также найдут объяснение проверки формы с помощью пакета Vuelidate.
После аутентификации студенты начнут работать над функциональностью для создания и управления продуктами. Студенты будут работать с «курсами» в качестве продуктов, но в итоге они смогут выбрать продукт по своему выбору. Приложение настраивается.
В следующей части студенты будут создавать функцию управления для продуктов. Студенты узнают, как создавать новые пользовательские входы и как управлять потоком данных в формах.
Курс также охватывает функцию создания блогов. Студенты будут интегрировать редактор блогов, содержащий различные параметры форматирования и функции для редактирования и публикации блогов. Студенты будут работать над функциональностью для отображения опубликованных и популярных блогов и узнают, как позже создать функцию нумерации страниц.
В последних разделах инструктор будет рассказывать о SEO (поисковая оптимизация). Курс заканчивается развертыванием приложения в Heroku.
Посмотреть больше
- Урок 1.00:11:24Detailed Introduction
- Урок 2.00:03:58Application Introduction
- Урок 3.00:10:58Introduction to Vue.js
- Урок 4.00:09:44First code - Hello World
- Урок 5.00:13:57What are Variables
- Урок 6.00:14:36Introduction to Functions - part 1
- Урок 7.00:21:09Introduction to Functions - part 2
- Урок 8.00:14:14How Vue.js works - Part 1
- Урок 9.00:17:02How Vue.js works - Part 2
- Урок 10.00:16:13Introduction to Operators
- Урок 11.00:15:21Let's talk about Callstack
- Урок 12.00:22:28What are Objects
- Урок 13.00:12:23Learn about Classes
- Урок 14.00:13:06What about Constructor
- Урок 15.00:21:07More info about "this" context
- Урок 16.00:16:47Introduction to Inheritance
- Урок 17.00:22:35Inheritance Part 2
- Урок 18.00:17:34Logic gates with IF statements
- Урок 19.00:08:32More about IFs
- Урок 20.00:16:11Introduction to Arrays
- Урок 21.00:08:49Iteration functions
- Урок 22.00:22:59Custom array functions
- Урок 23.00:14:33Const, let, var and ternary operators
- Урок 24.00:08:06Introduction to Scopes
- Урок 25.00:09:27Get familiar with App structure
- Урок 26.00:09:15Data and Methods of component
- Урок 27.00:12:19Todo container + Stylings
- Урок 28.00:12:20Todo items in container
- Урок 29.00:08:25Let's integrate Scss
- Урок 30.00:12:14Vue Components
- Урок 31.00:12:10Vue props in Components
- Урок 32.00:07:45Directives with v-for
- Урок 33.00:16:07We are implementing Modal
- Урок 34.00:04:37Let's style buttons
- Урок 35.00:12:34Move modal to separate Component
- Урок 36.00:11:13Modal toggling
- Урок 37.00:08:58Let's close modal
- Урок 38.00:05:54Modal refactoring
- Урок 39.00:12:16Initialization of Todo form
- Урок 40.00:05:32Two way data binding
- Урок 41.00:08:58Todo create component
- Урок 42.00:13:50Create todo functions
- Урок 43.00:06:34Form validations
- Урок 44.00:17:27Close modal after create
- Урок 45.00:11:46Taking care of form errors
- Урок 46.00:07:26"Delete" and "Edit" Buttons
- Урок 47.00:07:03Display Edit Form
- Урок 48.00:06:23Get values to edit form inputs
- Урок 49.00:11:11Get familiar with Store Architecture
- Урок 50.00:12:29Dispatch store Actions
- Урок 51.00:14:46Update todo functionality
- Урок 52.00:07:47Delete todo functionality
- Урок 53.00:10:29Init Local Storage
- Урок 54.00:06:06Learn how to persist data
- Урок 55.00:05:07Persist data improvements
- Урок 56.00:30:02Demystification of VUE Framework
- Урок 57.00:03:53Application inroduction
- Урок 58.00:10:46Initialize Project
- Урок 59.00:08:22Create first Pages
- Урок 60.00:09:45Create index page
- Урок 61.00:12:08SSR vs SPA
- Урок 62.00:04:11Post component
- Урок 63.00:10:16Component props
- Урок 64.00:07:39v-for iterations
- Урок 65.00:10:29Display date with Moment
- Урок 66.00:10:18Component methods
- Урок 67.00:09:08Introduction to filters
- Урок 68.00:07:45Scoped component styles
- Урок 69.00:03:55Integrate Scss in component
- Урок 70.00:03:34Checkbox integration
- Урок 71.00:09:51Vuex integration
- Урок 72.00:08:41Get state with computed
- Урок 73.00:07:01More about computed properties
- Урок 74.00:08:40Navbar toggling functionality
- Урок 75.00:16:30Let's debug our code
- Урок 76.00:07:01Page navigation
- Урок 77.00:12:44Vuex actions introduction
- Урок 78.00:06:42Vuex mutations introduction
- Урок 79.00:11:42Fetch post API
- Урок 80.00:06:30Post module implementation in Store
- Урок 81.00:09:16Async fetch of posts
- Урок 82.00:07:20Improve fetch check for posts
- Урок 83.00:05:59Vuex getters implementation
- Урок 84.00:07:50Modal window implementation
- Урок 85.00:06:20Modal form & Slots
- Урок 86.00:06:53Named slots
- Урок 87.00:12:21Post create + Vue extension
- Урок 88.00:06:28Data bindings
- Урок 89.00:07:07Learn how to emit events
- Урок 90.00:09:31Dispatch create post
- Урок 91.00:07:01Fixes of create post feature
- Урок 92.00:04:24Post manage form
- Урок 93.00:10:37Pass data to manage form
- Урок 94.00:08:23Let's learn about watchers
- Урок 95.00:04:13Post update feature styling changes
- Урок 96.00:13:34Update post action
- Урок 97.00:07:13Debugging update
- Урок 98.00:12:37Intro to requests
- Урок 99.00:15:30More about requests
- Урок 100.00:05:32Get JSON post data
- Урок 101.00:11:57Post endpoint - write to a file
- Урок 102.00:12:03Send a request through Axios
- Урок 103.00:08:42Let's move API routes
- Урок 104.00:11:27Update post request
- Урок 105.00:15:43Delete feature assignment
- Урок 106.00:14:32Improvements of delete feature
- Урок 107.00:13:15Some fixes + Local Storage intro
- Урок 108.00:10:27Archive items in Local Storage
- Урок 109.00:14:41Toggle "read" property of post
- Урок 110.00:04:51Present changes from Storage
- Урок 111.00:08:46Introduction to Markdown
- Урок 112.00:06:58Integrate Markdown to manage form
- Урок 113.00:05:48Implementation of Detail page
- Урок 114.00:07:10Detail page finish
- Урок 115.00:01:49Application Introduction
- Урок 116.00:07:12[Preferred]: Create project with Github
- Урок 117.00:04:31[Optional]: Create project with CLI
- Урок 118.00:06:13initialization of Index Page
- Урок 119.00:08:50Move parts of App to components
- Урок 120.00:11:13Login & Register page improvements
- Урок 121.00:07:00DB Setup
- Урок 122.00:10:37Server Setup
- Урок 123.00:03:24Populate Data to DB
- Урок 124.00:10:19Fetch Courses
- Урок 125.00:06:07Provide courses to Card
- Урок 126.00:08:07Create custom Filter
- Урок 127.00:02:48Section Introduction
- Урок 128.00:07:51Introduction to Vuelidate
- Урок 129.00:07:58Let's validate inputs
- Урок 130.00:03:07Disable button on blur
- Урок 131.00:18:11Register form validation
- Урок 132.00:12:51Custom validators
- Урок 133.00:11:20Login Functionality
- Урок 134.00:13:04Let's learn more about sessions
- Урок 135.00:09:03Handle errors with Toasted
- Урок 136.00:11:25Display user in Navbar
- Урок 137.00:11:01Preserve auth state
- Урок 138.00:05:07Learn how to logout
- Урок 139.00:17:41Register functionality
- Урок 140.00:11:39Let's implement Middlewares
- Урок 141.00:03:11Guest middleware
- Урок 142.00:10:28Not authorized pages
- Урок 143.00:02:04Section Introduction
- Урок 144.00:17:32Let's add more pages
- Урок 145.00:11:24Fetch instructor courses
- Урок 146.00:05:55Display instructor courses
- Урок 147.00:06:39Course create components
- Урок 148.00:06:39Display one component at the time
- Урок 149.00:09:54Hide buttons depending on active step
- Урок 150.00:08:36Keep alive component
- Урок 151.00:11:42Emit form data from partial step
- Урок 152.00:08:27Fetch categories
- Урок 153.00:09:44Display categories in select input
- Урок 154.00:09:13Get selected value from an option
- Урок 155.00:09:55Fixes "can proceed" check
- Урок 156.00:13:38Validators in create form
- Урок 157.00:04:32Init text input with character count
- Урок 158.00:05:45Fixes input count validation and emit data
- Урок 159.00:11:29Finishes input with character counter
- Урок 160.00:09:34Create course - send a request
- Урок 161.00:06:38Display different colour for status
- Урок 162.00:03:00Section Introduction
- Урок 163.00:11:42Manage page init
- Урок 164.00:07:10Stepping functionality in Manage page
- Урок 165.00:05:03Styling improvements in step options
- Урок 166.00:10:27Introduction to Mixins
- Урок 167.00:06:42Multi line text input component
- Урок 168.00:09:48Fetch course by ID
- Урок 169.00:08:21Iterate multi line component lines
- Урок 170.00:10:43Add & Remove line events
- Урок 171.00:06:34Add & Remove Line through Store
- Урок 172.00:11:10Update Line in Store
- Урок 173.00:10:14Adds conditions to allow add or remove line
- Урок 174.00:14:34Update inputs on Landing Page
- Урок 175.00:06:39Update Status & Price component
- Урок 176.00:16:35Emit category value
- Урок 177.00:12:55Update course functionality
- Урок 178.00:08:33User experience improvements when updating
- Урок 179.00:13:09[BONUS]: Server Explanation
- Урок 180.00:04:10Section Introduction
- Урок 181.00:10:06Initialization of Blog pages
- Урок 182.00:13:29Blog Editor component initialization
- Урок 183.00:10:30Creating Bubble menu
- Урок 184.00:07:43More formatting options
- Урок 185.00:12:08Font Awesome icons
- Урок 186.00:11:06Creating Basic menu
- Урок 187.00:13:25Display placeholder in Editor
- Урок 188.00:14:25Emit value of blog
- Урок 189.00:11:25Send a request to save Blog
- Урок 190.00:07:23Fetch blog by ID for Edit page
- Урок 191.00:10:06Set initial content on Edit page
- Урок 192.00:10:14Successful update of Blog
- Урок 193.00:05:50Disable save button while saving
- Урок 194.00:08:59Handle publish error
- Урок 195.00:11:34Slugify Blog title
- Урок 196.00:06:44Publish blog & get editor component
- Урок 197.00:06:21Get publish blog working
- Урок 198.00:06:16Un-Publish blog functionality
- Урок 199.00:12:06Fetch user blogs
- Урок 200.00:09:25Active tab functionality
- Урок 201.00:10:23Display drafts and published blogs
- Урок 202.00:16:14Dropdown options in blogs
- Урок 203.00:08:02Handle dropdown commands
- Урок 204.00:15:35Delete blog functionality
- Урок 205.00:12:56Fetch blogs on Blogs page
- Урок 206.00:09:45Display published blogs
- Урок 207.00:14:46Fetch blog by Slug
- Урок 208.00:14:26Editor view component
- Урок 209.00:10:40Adds option to feature blog
- Урок 210.00:15:01Feature & Un-Feature functionality
- Урок 211.00:18:19Fetch featured blogs
- Урок 212.00:09:51Inject & Display featured blogs
- Урок 213.00:01:30Section introduction
- Урок 214.00:12:39Pagination initialization
- Урок 215.00:12:53Display initial data with pagination
- Урок 216.00:10:37Pagination functionality
- Урок 217.00:10:21Persistent pagination
- Урок 218.00:11:24Pagination improvements & fetch blogs on home page
- Урок 219.00:01:59Section Introduction
- Урок 220.00:12:09Create course hero modal
- Урок 221.00:11:18Course hero create functionality
- Урок 222.00:16:47Display course hero
- Урок 223.00:12:21Heroes page & fetch heroes
- Урок 224.00:06:42What are Portals ?
- Урок 225.00:10:27Display dynamic heroes
- Урок 226.00:08:14Activate hero functionality
- Урок 227.00:01:39Section Introduction
- Урок 228.00:17:42Course editor component
- Урок 229.00:09:28Get content to course editor
- Урок 230.00:12:48Finaly let's create detail page
- Урок 231.00:05:36Product hero component
- Урок 232.00:13:18Custom navlink component
- Урок 233.00:03:56Navbar improvements
- Урок 234.00:12:51Tooltip component
- Урок 235.00:09:11Instructor header improvements
- Урок 236.00:05:48Scss variables
- Урок 237.00:02:00Section Introduction
- Урок 238.00:17:23Introduction to SEO
- Урок 239.00:10:10SEO Improvements
- Урок 240.00:07:28Robots txt and Favicon
- Урок 241.00:08:13Finishing up rest of pages
- Урок 242.00:05:34Error Page + Footer
- Урок 243.00:11:50Deployment part 1
- Урок 244.00:26:20Deployment part 2
- Урок 245.00:14:47Application Testing
- Урок 246.00:08:19Assets Loading Improvements
- Урок 247.00:00:33Course Outro
Автор - udemy
Другие материалы в этой категории
Комментарии
Blinks58 урок перезалит в оригинале, нет ли возможности и тут перезалить? Пропущена инициализация проекта :(- Blinks BlinksСпасибо! Лучшие!