GithubHelp home page GithubHelp logo

nil1729 / vuejs-demo Goto Github PK

View Code? Open in Web Editor NEW
2.0 0.0 0.0 2.07 MB

Simple projects are done by me during learning about Vue JS

Home Page: https://nil1729.github.io/Vue-Noob/

License: MIT License

JavaScript 16.28% HTML 39.36% Vue 44.37%
vuejs todolist demo vue-noob mevn-stack firebase vuex vue-router axios vue-filters

vuejs-demo's Introduction

Vue JS Noob

Simple Projects done by me while learning Vue JS.


Task 1 ( TODO List App )

  • This Site is Live here.

Task 2 ( Lyric Search App )

  • This Site is Live here

Task 3 ( Employee Manager App )

  • This Site is Live here

Task 4 ( Simple MEVN Stack Application )

  • This site is deployed to Heroku and see demo here

Task 4 ( Vuetify Calender Components and Data )

  • This site is hosted on Firebase and see demo here
  • My Timetable data has been used for this demo.

Setup on Local Enviroment

$ git clone https://github.com/nil1729/Vue-Noob.git
$ cd Vue-Noob
$ cd <Specific Directory>
$ npm install
$ npm run serve

Learning Vue JS

  1. Using VueJS to Interact with the DOM
  2. Using Conditionals and Rendering Lists
  3. The Monster Slayer ( First Project based on Module 1 & Module 2 )
    • This site is live here
  4. Understanding the VueJS Instance
  5. Understading Vue CLI and Workflow
  6. An Introduction to Components
  7. Understanding Communication betwwen Components
  8. Understanding Slots and Dynamic Components
  9. Wonderful Quotes ( Second Project based on above Modules )
    • This site is hosted on firebase. See Demo here
  10. Understanding Vue JS Forms and Handle Submit
  11. Understanding Vue JS Custom Directives
  12. Understanding Filters and Mixins
  13. Understanding sending HTTP requests from VueJS Application.
  14. Understanding Routing in Vue JS Application
  15. Understanding State Mangement in Vue JS using Vuex

Made With โค by Nilanjan Deb

vuejs-demo's People

Contributors

dependabot[bot] avatar nil1729 avatar

Stargazers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.