ви отримаєте більше 150 відеозаписів курсу, а також 7 сучасних додатків для вашого портфоліо і GitHub.
Для кого
Курс йде по щаблях-від легкого до більш просунутого. Тому на початковому етапі буде досить розуміти базис JavaScript, а з усім іншим ми розберемося поступово.
Доброю практикою буде, якщо ви вже верстали сайт із застосуванням нативного js або jquery, тоді ви легко освоїте vue.js. Зазвичай верстальникам цей фреймворк дається найпростіше.
опис
Vue-світовий лідер фреймворків! Цей фреймворк використовується серед компній великого і середнього бізнесу по всьому світу. Найбільшу популярність vue.js отримав на китайському та європейському ринку. Його використовують більшість китайських компаній: Alibaba (світовий лідер торгівлі в мережі), Baidu (IT-гігант, Лідер галузі), Xiaomi, Sina Weibo та інші великі компанії.
Курс націлений на успішне проходження інтерв'ю і подальше працевлаштування. Після проходження курсу ви зможете сміливо розраховувати на зарплату від 80 000 рублів.
програма курсу
Основи vue.js
Основні моменти vue.js, які застосуємо в першому ж додатку і почнемо рухатися далі!
додаток з нотатками
Напишемо додаток з нотатками, де застосуємо всі знання з " основи vue.js " і почнемо рухатися далі!
VUE CLI 3
Після закінчення модуля ми напишемо збірку, яку можна буде перевикористовувати в будь-яких проектах!
WEBPACK 4
У цьому модулі ми напишемо універсальну збірку на Webpack'е заточену під vue.
Цю збірку точно також можна буде перевикористовувати в будь-яких проектах.
Далі у вас буде вибір-чим саме збирати всі наступні проекти це буде webpack або vue cli.
форми, модальні вікна та валідація
Напишемо з нуля і навчимося перевикористовувати модальні вікна. Розберемося з формами і налаштуємо валідацію.
У додатковому модулі навчимося відправляти дані з форм на пошту, сервер і в телеграм.
додаток Shop
У цьому додатку, як і у всіх наступних, ми будемо використовувати vue-roter і vuex. Всі продукти будуть зберігатися в загальному сховищі. А роутер буде обробляти всі динамічні маршрути.
REST API
REST-це архітектурний підхід, який визначає, як API повинні виглядати. На REST будується весь сучасний веб! Далі технлогія REST API буде використовуватися у всіх наступних додатках.
додаток Users CRM
Познайомимося з REST API, а також пагінацією даних і сортуванням. Навчимося забирати дані зі стороннього API через axios і get/post запити.
створення новинної стрічки
Зробимо підвантаження вмісту, реалізуємо своє API. Навчимося оновлювати дані на фронті, змінюючи їх на сервері, і стежити за" свіжістю " даних.
додаток GitHub Finder
Сторонні API, на прикладі найпопулярнішого-GitHub. У цьому додатку навчимося відправляти і отримувати дані від api.github, як і раніше - по REST API.
SSR Блог на nuxt.js
Сучасний блог на nuxt.js + vue.js з рендерингом і адмінкою, повним SEO і невеликий CRM системою всередині, яка буде показувати всі коментарі з можливістю змінювати статус "опублікований/не опублікований", а також видаляти "спам"
додатковий модуль
Додатковий модуль, де ми розглянемо різні фічі, які допоможуть в подальшій розробці!
завдання з співбесід
Модуль із завданнями з співбесід та їх вирішенням. Більше 30 реальних питань і 10 + тестових завдань по Vue.js + js!
ви навчитеся:
1. Правильно розділяти код і UI на компоненти. Правильно розділивши код на компоненти, Ви зможете перевикористовувати їх багато разів в різних частинах вашої програми і будь-яких інших додатках.
2. Розробляти повноцінні додатки на стеку vue.js. Vue.js є лише поданням даних. Ми також вивчимо: як зберігати дані та їх взаємодію, передавання за технологією REST API. Як спілкуватися з сервером-приймати і віддавати запити.
3. Робота з API. На API будується весь сучасний веб. Розуміння того, як працюють такі технології як REST API або GraphQL роблять вас набагато популярніша і професійніше.
4. Стан програми з VUEX. Actions, Mutations, State, Getters - все для правильного зберігання даних і їх подальшої взаємодії.
5. Роути і авторизація. Авторизація на клієнті, захист даних, Перевірка авторизації на сервері. Приховування роутів для не зареєстрованих користувачів. Розмежування ролей.
6. Вибирати правильні інструменти і технології. Крім стека Vue-додатків ми пройдемося по основних бібліотек і технологій, які допоможуть у створенні великих додатків.
7. Оптимізувати Vue.JS додатки. Навчимося розуміти, коли потрібна оптимізація і як найбільш коректно оптимізувати додатки. Підходячи правильно до оптимізації спочатку, можна практично не витрачати час на оптимізацію в подальшому.
У цьому модулі ми напишемо універсальну збірку на Webpack'е заточену під vue.
Цю збірку точно також можна буде перевикористовувати в будь-яких проектах.
Далі у вас буде вибір-чим саме збирати всі наступні проекти це буде webpack або vue cli.
форми, модальні вікна та валідація
Напишемо з нуля і навчимося перевикористовувати модальні вікна. Розберемося з формами і налаштуємо валідацію.
У додатковому модулі навчимося відправляти дані з форм на пошту, сервер і в телеграм.
додаток Shop
У цьому додатку, як і у всіх наступних, ми будемо використовувати vue-roter і vuex. Всі продукти будуть зберігатися в загальному сховищі. А роутер буде обробляти всі динамічні маршрути.
REST API
REST-це архітектурний підхід, який визначає, як API повинні виглядати. На REST будується весь сучасний веб! Далі технлогія REST API буде використовуватися у всіх наступних додатках.
додаток Users CRM
Познайомимося з REST API, а також пагінацією даних і сортуванням. Навчимося забирати дані зі стороннього API через axios і get/post запити.
створення новинної стрічки
Зробимо підвантаження вмісту, реалізуємо своє API. Навчимося оновлювати дані на фронті, змінюючи їх на сервері, і стежити за" свіжістю " даних.
додаток GitHub Finder
Сторонні API, на прикладі найпопулярнішого-GitHub. У цьому додатку навчимося відправляти і отримувати дані від api.github, як і раніше - по REST API.
SSR Блог на nuxt.js
Сучасний блог на nuxt.js + vue.js з рендерингом і адмінкою, повним SEO і невеликий CRM системою всередині, яка буде показувати всі коментарі з можливістю змінювати статус "опублікований/не опублікований", а також видаляти "спам"
додатковий модуль
Додатковий модуль, де ми розглянемо різні фічі, які допоможуть в подальшій розробці!
завдання з співбесід
Модуль із завданнями з співбесід та їх вирішенням. Більше 30 реальних питань і 10 + тестових завдань по Vue.js + js!
ви навчитеся:
1. Правильно розділяти код і UI на компоненти. Правильно розділивши код на компоненти, Ви зможете перевикористовувати їх багато разів в різних частинах вашої програми і будь-яких інших додатках.
2. Розробляти повноцінні додатки на стеку vue.js. Vue.js є лише поданням даних. Ми також вивчимо: як зберігати дані та їх взаємодію, передавання за технологією REST API. Як спілкуватися з сервером-приймати і віддавати запити.
3. Робота з API. На API будується весь сучасний веб. Розуміння того, як працюють такі технології як REST API або GraphQL роблять вас набагато популярніша і професійніше.
4. Стан програми з VUEX. Actions, Mutations, State, Getters - все для правильного зберігання даних і їх подальшої взаємодії.
5. Роути і авторизація. Авторизація на клієнті, захист даних, Перевірка авторизації на сервері. Приховування роутів для не зареєстрованих користувачів. Розмежування ролей.
6. Вибирати правильні інструменти і технології. Крім стека Vue-додатків ми пройдемося по основних бібліотек і технологій, які допоможуть у створенні великих додатків.
7. Оптимізувати Vue.JS додатки. Навчимося розуміти, коли потрібна оптимізація і як найбільш коректно оптимізувати додатки. Підходячи правильно до оптимізації спочатку, можна практично не витрачати час на оптимізацію в подальшому.
https://privatelink.de/?https://tocode.ru/curses/vuejs-s-nylya-do-pro