Front End JavaScript with Vue.js Bundle

4 Courses & 25 Hours
Deal Price$36.00
Suggested Price
$353.00
You save 89%
Front End JavaScript with Vue.js Bundle
$36.00$353.0089% OFF

What's Included

Vue.js Academy: Learn Vue Step by Step
  • Certification included
  • Experience level required: All levels
  • Access 102 lectures & 8.5 hours of content 24/7
  • Length of time users can access this course: Lifetime

Course Curriculum

102 Lessons (8.5h)

  • Introduction & Getting Started
    Welcome2:47
    Visual studio installation1:51
    What is vue.js and why should i learn it?2:04
  • Vue Basics: Guest List App
    Section intro0:30
    Download project starter2:32
    Installing Vue.js3:05
    The Vue Instance & the data object7:28
    Templates and the virtual DOM3:31
    Two way data binding with v-model3:08
    Event handling and methods5:46
    List rendering2:54
    Conditional rendering in Vue5:19
    Binding attributes to elements4:11
    Binding styles4:48
    Vue shorthand syntax2:42
    Outputting text and HTML6:25
    V-if vs v-show3:10
    Using javascript expressions4:23
    Section outro0:32
  • A deeper look at Vue: Guest list app
    Section intro0:39
    Adding a progress bar7:46
    Computed properties8:58
    Watchers3:50
    Key events and modifiers3:21
    Filters6:08
    More on looping: keys & index numbers5:27
    Using multiple Vue instances6:25
    Looping with objects6:56
    Adding our navigation links & keys6:16
    Accessing vue instances externally4:32
    Vue instance properties and methods4:50
    Referencing elements with ref4:45
    Using string templates7:06
    The Vue lifecycle5:40
    Vue lifecycle hooks in action6:51
    Section outro0:39
  • Build Tools & Workflow: Creative Cards App
    Section intro0:37
    Installing Node and NPM4:08
    Scaffolding projects with the vue cli8:06
    Exploring our project layout & build tools9:26
    Using the data object with single file templates7:49
    Section outro0:19
  • Introduction to Components: Creative Cards App
    What are components?5:07
    Registering global components10:57
    Registering local components5:26
    Creating single file components8:37
    Adding the card front component9:07
    Emit data to parent components9:21
    Dynamic components2:49
    Creating the additional card components5:53
    Creating the text input component9:40
    Receiving data from the text input4:38
    Creating the text output component3:38
    Passing data with props5:37
    Keeping components alive2:26
    Scoping CSS styles7:40
    Prop validation5:01
    Passing prop data to a style object3:19
    Introduction to slots9:38
    Slot scope and fallback content4:57
    Named slots3:30
  • Components Continued & Firebase Storage: Creative Cards App
    Setting up Firebase6:55
    Creating the image upload component6:40
    Uploading images to Firebase9:44
    Image preview thumbnail4:11
    Upload progress bar and $emit file data8:54
    Image output component9:09
    Downloading images from Firebase6:15
    Set image button7:20
    Text options menu-font sizes8:00
    Text options menu- text alignment5:03
    Text options menu- font style and weight9:57
    Remove image button4:21
    Passing data with callbacks6:40
    Making images draggable5:48
    Finishing the CardInsideLeft component4:50
    Finishing the CardInsideRight component2:48
    Finishing the CardBack component3:39
    Introduction to the event bus7:26
    Sending events to the event bus6:51
  • Thank You
    Thank you1:33

Vue.js Academy: Learn Vue Step by Step

CD
Chris DixonChris Dixon is a web developer and online teacher. He is passionate about his work, as well as teaching others about it, and has started various online and offline businesses. He was personally motivated to become his own boss and have more freedom and flexibility in his life. He built his first website back in 1999, back when the Internet was first beginning to popularize in usage.

Description

Take your HTML, CSS, and JavaScript skills to the next level by learning one of the hottest JavaScript frameworks available today, Vue.js! Vue.js is a fun and easy to use JavaScript framework for building user interfaces. The core of the framework is lightweight and fast, and can be used in projects of any size. In this course, you'll build two fun, challenging projects to learn Vue.js and apply everything instantly.

  • Access 102 lectures & 8.5 hours of content 24/7
  • Build a guest list app to explore two way data binding, event handling, list & conditional rendering, & much more
  • Discover templates & the Virtual DOM
  • Create a greeting card app to get introduced to concepts like components, the Vue CLI for scaffolding projects, & much more
  • Install Node & NPM

Specs

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Compatibility

  • Internet required

Terms

  • Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.
Your Cart
Your cart is empty. Continue Shopping!
Processing order...