Vue for Designers
11 sections - 4 hours of video
Add to favorites
Notify me
Learn how to build a web app and admin dashboard using your own data on the web. Create stunning charts, delightful animations, and powerful administrative commands. Use advanced techniques to achieve dark mode and a complete login system.
Taught by Thomas Wang
Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.
11 topics
All techniques are explained step-by-step, in a beginner-friendly format so that you can easily follow in a cohesive way.
1
Intro to Vue.js
Learn to Create an Admin Dashboard using Vue
7:52
2
Global Styling with Sass
Use Sass to supercharge your CSS
23:18
3
Single File Components
Work with components, props, and page routing
28:27
4
Dark Mode Part 1
Switch from light and dark mode with component state
20:35
5
Dark Mode Part 2
Bring light and dark mode to your entire app with VueX
18:54
6
Animations and transitions
Create easy effects on elements and components
35:02
7
Accounts with Netlify
Deploy your site and set up sign in flow
35:29
8
Accounts with Slack
Reset password and request account access using Slack API
18:07
9
Charts and Data Visualization
Add data and visualize it with Apex Charts and Google Data Studio
40:27
10
Database with Firestore
Connect your app to a database
21:36
11
Lambda Functions with Netlify
Manage users with a serverless backend
22:05
Templates and source code
Download source files
Download the videos and assets to refer and learn offline without interuption.
Design template
Source code for all sections
Video files, ePub and subtitles
Browse all downloads
What's included?
All courses come with downloadable files to help you design, code and follow the course offline.
300+ hours of video
Subtitles in English, Chinese
Source files, ePub
UI, icons, illustrations
Premium, support chat
Source files
Design templates and source code files are included to help you learn.
ePub files
Read offline using Books for iOS, Mac or other apps that can read this format.
Video files
Download the videos so that you can watch later or offline using any video player.
Meet the instructor
We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.
Thomas Wang
UI Developer
Thomas is a designer and developer who loves JavaScript and CSS. He gets inspiration from beautifully designed products, and grew up in Southern California 🌴
Flutter
Certificate
Figma
Certificate
SwiftUI
Certificate
UI Design
Certificate
Create a profile
Get certificates
After passing a test, we’ll award you with an online certificate. You can add them to your profile after completing the courses.
Stories
How students learned from our courses
See what people have learned and built by taking courses from Design+Code
Haawa
iOS Developer
Haawa
iOS Developer
Hey MengTo, I launched my iOS/watchOS app RunnerGoal almost completely built with SwiftUI. Thank you for the design lessons and many controls and animation that I used from you SwiftUI course. Man bowing deeply.
Anthony Collurafici
Designer
Anthony Collurafici
Designer
Simple Ratio is Live! After years of designing apps, I can finally say I built my own. Big thanks to Meng To for getting me started with SwiftUI.
Jiani Li
UI/UX Designer/Developer
Jiani Li
UI/UX Designer/Developer
Bucket is now live in @AppAirport! Thanks to @designcodeio by @MengTo, I was able to learn #SwiftUI and built the app in 2 months.
Damjan Dimovski
Senior iOS Developer at 3PDevelopment
Damjan Dimovski
Senior iOS Developer at 3PDevelopment
Made using SwiftUI and @MengTo's awesome Design+Code courses on SwiftUI and UI design!
Thalion
UX/UI Designer
Stunning design! Congrats on the launch 🙌 Every new version of Design+Code is a huge leap forward!
Roy van Rooijen
Creator of Sketch Runner
Design+Code 1 got me fully into using Sketch and I’m amped to discover what’s new in this sequel. Thanks so much for creating it and keep up the great work!
