Front End JavaScript with Vue.js Bundle
4 Courses & 25 Hours
$36.00$353.00
You save 89%
What's Included
$150.00 Value
Vue.js Academy: Learn Vue Step by Step
Chris Dixon
102 Lessons (8.5h)
Lifetime
- 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 StartedWelcome2:47Visual studio installation1:51What is vue.js and why should i learn it?2:04
- Vue Basics: Guest List AppSection intro0:30Download project starter2:32Installing Vue.js3:05The Vue Instance & the data object7:28Templates and the virtual DOM3:31Two way data binding with v-model3:08Event handling and methods5:46List rendering2:54Conditional rendering in Vue5:19Binding attributes to elements4:11Binding styles4:48Vue shorthand syntax2:42Outputting text and HTML6:25V-if vs v-show3:10Using javascript expressions4:23Section outro0:32
- A deeper look at Vue: Guest list appSection intro0:39Adding a progress bar7:46Computed properties8:58Watchers3:50Key events and modifiers3:21Filters6:08More on looping: keys & index numbers5:27Using multiple Vue instances6:25Looping with objects6:56Adding our navigation links & keys6:16Accessing vue instances externally4:32Vue instance properties and methods4:50Referencing elements with ref4:45Using string templates7:06The Vue lifecycle5:40Vue lifecycle hooks in action6:51Section outro0:39
- Build Tools & Workflow: Creative Cards AppSection intro0:37Installing Node and NPM4:08Scaffolding projects with the vue cli8:06Exploring our project layout & build tools9:26Using the data object with single file templates7:49Section outro0:19
- Introduction to Components: Creative Cards AppWhat are components?5:07Registering global components10:57Registering local components5:26Creating single file components8:37Adding the card front component9:07Emit data to parent components9:21Dynamic components2:49Creating the additional card components5:53Creating the text input component9:40Receiving data from the text input4:38Creating the text output component3:38Passing data with props5:37Keeping components alive2:26Scoping CSS styles7:40Prop validation5:01Passing prop data to a style object3:19Introduction to slots9:38Slot scope and fallback content4:57Named slots3:30
- Components Continued & Firebase Storage: Creative Cards AppSetting up Firebase6:55Creating the image upload component6:40Uploading images to Firebase9:44Image preview thumbnail4:11Upload progress bar and $emit file data8:54Image output component9:09Downloading images from Firebase6:15Set image button7:20Text options menu-font sizes8:00Text options menu- text alignment5:03Text options menu- font style and weight9:57Remove image button4:21Passing data with callbacks6:40Making images draggable5:48Finishing the CardInsideLeft component4:50Finishing the CardInsideRight component2:48Finishing the CardBack component3:39Introduction to the event bus7:26Sending events to the event bus6:51
- Thank YouThank 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
$79.00 Value
Learn By Example: ReactJS
Loonycorn
73 Lessons (7.5h)
Lifetime
$75.00 Value
Angular: From Beginning to Advanced
Paul Halliday
73 Lessons (4h)
Lifetime
$49.00 Value
JavaScript: Gentle Introduction for Beginners
Chris Dixon
44 Lessons (5h)
Lifetime
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...