Vue [itvdn] Создание сайта на Vue.js (2020)

[Cooper_grisha]

Автор: itvdn
Название: Создание сайта на Vue.js (2020)

Vue.js - это современный JavaScript-фреймворк, применяемый для создания пользовательских интерфейсов в веб-приложениях.

Курс «Создание сайта на Vue.js» поможет вам на практике изучить возможности Vue.js, рассматривая процесс создания своего веб-проекта с нуля и постепенно добавляя в него модули и плагины. На данном курсе будет рассмотрено как создание фронтенд части сайта, так и создание своего собственного сервера. По завершению курса вы будете уметь создавать проект на Vue.js с использованием TypeScript, VUEX, Vue I 18n, Node.js и Element UI, а также организуете покрытие проекта unit и e2e тестами.
Чему вы научитесь на этом курсе:

• Выполнять установку VUE CLI и настройку стартового проекта.
• Создавать форму логина для входа на сайт. Организовывать настройку и защиту роутера.
• Организовывать авторизацию, аутентификацию, используя JWT токен.
• Создавать свой собственный сервер, который будет создавать токен и возвращать его пользователю. Выполнять тестирование сервера c использованием Postman.
• Использовать компоненты из библиотеки компонентов. Создавать свои компоненты на основе компонентов библиотеки.
• Выполнять стилизацию компонента и настраивать адаптивность сайта.
• Использовать плагин интернационализации Vue i18n.
• Создавать переводы на сайте. Создавать файл переводов, реализовывать переводы для всех компонентов сайта.
• Работать со структурой проекта, добавлять новые компоненты, такие как компонент списка статей.
• Тестировать проект с помощью Cypress. Модифицировать проект для покрытия компонентов тестами. Оптимизировать тесты модификациями конфига Cypress.
• Применять для тестирования инструмент для создания юнит тестов Jest.
• Создавать свой репозиторий и использовать для деплоя сервис Heroku.
• Выполнять деплой сайта на Netlify.

Подробнее:

Скачать:

 

[Rushelex]

Курс не информативный и не интерактивный!

1. Автор пишет не весь код на видео, т.е., например, перейдя к 3му уроку вы увидите новые файлы и компоненты в проекте, который автор создал и добавил в проект "за кадром", а в уроке уже дописывает логику для этих компонентов. Из-за этого приходится: а) самостоятельно искать новые файлы в ролике и переписывать их в свой проект, либо б) брать готовый код со всей логикой из приложенных исходников к уроку. Это минус, т.к. ты не пишешь весь код с автором, из-за этого теряется связь единства с проектом автора и увеличивается шанс получить кучу ошибок, а потом самостоятельно выискивать их без объяснения автора. Ну еще можно тупо копипастить код из исходников и просто наблюдать за автором, ничего не дописывая. Так себе вариант.
2. Нет никакого стайлгайда в компонентах, а это "навязывание" грязного кода.
3. Для всех переменных автор использует тип TS "any". Это не правильно, т.к. TS не используется в полной мере, а, скорее, как добавка к проекту, типа "поставить галочку" что в проекте есть TS.

P.S. Возможно дальше еще будут недостатки, но не стал смотреть после начала третьего урока.

 

[Georgie0409]

Курс не информативный и не интерактивный!

1. Автор пишет не весь код на видео, т.е., например, перейдя к 3му уроку вы увидите новые файлы и компоненты в проекте, который автор создал и добавил в проект "за кадром", а в уроке уже дописывает логику для этих компонентов. Из-за этого приходится: а) самостоятельно искать новые файлы в ролике и переписывать их в свой проект, либо б) брать готовый код со всей логикой из приложенных исходников к уроку. Это минус, т.к. ты не пишешь весь код с автором, из-за этого теряется связь единства с проектом автора и увеличивается шанс получить кучу ошибок, а потом самостоятельно выискивать их без объяснения автора. Ну еще можно тупо копипастить код из исходников и просто наблюдать за автором, ничего не дописывая. Так себе вариант.
2. Нет никакого стайлгайда в компонентах, а это "навязывание" грязного кода.
3. Для всех переменных автор использует тип TS "any". Это не правильно, т.к. TS не используется в полной мере, а, скорее, как добавка к проекту, типа "поставить галочку" что в проекте есть TS.

P.S. Возможно дальше еще будут недостатки, но не стал смотреть после начала третьего урока.

Может что по Vue.js можешь подсказать из курсов?