An open API service indexing awesome lists of open source software.

https://github.com/mayashavin/exploring-vue-tutorials

Pokemon App following Exploring Vue series in Ultimate Courses
https://github.com/mayashavin/exploring-vue-tutorials

Last synced: 3 months ago
JSON representation

Pokemon App following Exploring Vue series in Ultimate Courses

Awesome Lists containing this project

README

          

# ๐Ÿ” Exploring VueJS series

![Follow me](https://img.shields.io/twitter/follow/mayashavin?style=social)

> This is the codebase for the tutorial series - Exploring VueJS published in [Ultimate Courses](https://ultimatecourses.com/blog)

## 1. An introduction to VueJS ๐Ÿ“–

> In this section, we will go over the core concepts of Vue.js, and how to set up the environment.

* [Article](https://ultimatecourses.com/blog/exploring-vuejs-an-introduction-to-vuejs)
* [Code](https://github.com/mayashavin/exploring-vue-tutorials/tree/master/1-introduction)

## 2. Creating Components with Vue ๐Ÿต

> We continue diving into the next important topic of VueJS - the Vue instance, Vue component and how to build your first component in our Pokemon app, the Pokemon Card.

* [Article](https://ultimatecourses.com/blog/exploring-vuejs-creating-components-with-vue)
* [Code](https://github.com/mayashavin/exploring-vue-tutorials/tree/master/2-first-component)

## 3. Data-binding with computed and watcher ๐Ÿ‘ทโ€โ™€๏ธ

> Our third article of Exploring VueJS series will continue diving into another aspect of data-binding with computed and watch properties in our newly created Vue component - the Pokemon Card.

* [Article](https://ultimatecourses.com/blog/exploring-vuejs-data-binding-with-computed-properties-and-watchers)
* [Code](https://github.com/mayashavin/exploring-vue-tutorials/tree/master/3-data-binding-with-computed)

## 4. Props and the Vue Devtools ๐Ÿค“

> We explore the other term - `props` while using our previously created component - the Pokemon Card in our demo application.

* Article - In progress
* [Code](https://github.com/mayashavin/exploring-vue-tutorials/tree/master/4-data-binding-with-props)

## 5. Dynamic list and conditional data rendering ๐Ÿ—’๏ธ

> In this post of Exploring Vue series, we will learn about how to generate component dynamically with some built-in directives

* Article - In progress
* [Code](https://github.com/mayashavin/exploring-vue-tutorials/tree/master/5-list-rendering-and-conditional-rendering)

## 6. The power of slot ๐Ÿ–๏ธ

> TBD

* Article - In progress
* Code - In progress

## 7. Virtual DOM and event listeners ๐ŸŒŽ

> TBD

* Article - In progress
* Code - In progress

## 8. Let's do some routing ๐Ÿ”Œ

> TBD

* Article - In progress
* Code - In progress

## 9. Keep the store on with Vuex ๐Ÿช

> TBD

* Article - In progress
* Code - In progress

## 10. Connect your Vue apps with external data through API calls ๐Ÿš€

> TBD

* Article - In progress
* Code - In progress

## 11. Empower your app with SEO & PWA ๐Ÿ”–

> TBD

* Article - In progress
* Code - In progress

## 12. Testing and deploying your app live ๐Ÿงช

> TBD

* Article - In progress
* Code - In progress

---

## Author ๐Ÿ‘ฉโ€๐Ÿ’ป

![Maya Shavin](https://res.cloudinary.com/mayashavin/image/upload/w_100,ar_1:1,c_fill,g_auto,q_auto,f_auto/v1571089888/mayashavin/Maya_new)

Maya Shavin

* [Portfolio](https://mayashavin.com)
* [Twitter](https://twitter.com/mayashavin)
* [Facebook](https://facebook.com/mayashavin)