The following are the best resources for this dive, broken down by beginner, intermediate, and advanced.
This Vue Resource Handbook Below
Proudly Brought to you by Break Diving, Inc.
It's more fun to study and grow with others! Break Diving (the site you are on now) is a worldwide not-for-profit community focused on helping our 1470 members in 110 countries and 300 world cities to dramatically improve their happiness, success, and friendships. We help you level up, get recognized for your life accomplishments, make new friends, accomplish more, feel AWESOME about yourself, and become the best version of you---and all with other members rooting you on! Apply now and see major positive changes in your life in just two weeks!
Resources
Resources
Codecademy
0 Break Diver Votes
Codecademy is an online platform that offers both free and paid coding lessons. This link takes you to all the courses covering or related to Vue. There are no prerequisites, so you don't need any experience prior to starting. You can access the lessons without cost, but the additional practice (projects and quizzes) require Codecademy Pro. However, they refused to help Break Diving and never responded to any of our emails, so think twice before paying them any money.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
CodePen.io
0 Break Diver Votes
CodePen.io is a free open Vue/HTML/CSS playground that allows you to create multiple "pens" (i.e. projects). You can input Vue, HTML, and CSS and see the output of your code. You can even switch the themes between dark and light mode if you want. Definitely check it out! You can also learn a lot by looking at (and following) the pens of other coders.
Category: Other Apps & Websites
Skill Levels:
- Beginner
- Intermediate
- Advanced
egghead.io
0 Break Diver Votes
Egghead is a group of working web development professionals and open source contributors who provide concise, information-dense video courses on the best tools in the industry. These courses range in difficulty, from helping you build a solid Vue foundation to teaching you advanced techniques. Egghead courses are designed to teach you everything you need to know to succeed with professional development work.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
freeCodeCamp
0 Break Diver Votes
FreeCodeCamp provides a comprehensive tutorial for the entire Vue process—from starting off to creating your first program as an online web developer using node.js. It also provides free certifications when you complete different sections. Note: It starts off easy but gets overly difficult quickly with less-than-adequate explanations and instructions as you go. Don't be discouraged—you can start here, but eventually, you need to go elsewhere to fill in the many gaps it leaves. As a side note, they refused to help Break Diving when we reached out and never responded to any of our emails, so better to donate to Break Diving rather than FCC. Also, their online community isn't so friendly. Nothing like Break Diving!
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
GeeksforGeeks
0 Break Diver Votes
GeeksforGeeks is a computer science portal for Vue enthusiasts. These tutorials provide basic instructions as well as explanations of more intermediate concepts and algorithms. Although a bit more challenging than usual, these tutorials are a valuable resource for those who want to get a solid background in Vue.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
LearnCode.academy
0 Break Diver Votes
LearnCode.academy is a YouTube channel with hundreds of high-quality videos for beginners who want to learn more about Vue, and many other technologies. Just type in the link and it will take you to their YouTube channel.
Category: Video
Skill Levels:
- Beginner
MDN web docs
0 Break Diver Votes
MDN has some of the most detailed sets of documentation for programming languages. The MDN docs and tutorials are a very comprehensive and reliable reference, especially when you want to explore some of the more advanced and nuanced uses of Vue. They also provide succinct tutorials to introduce beginners to Vue.
Category: Self-Study
Skill Levels:
- Intermediate
- Advanced
Programming with Mosh
0 Break Diver Votes
This is a series of YouTube tutorials taught by Mosh Hamedani. Taking you from beginner to intermediate, Mosh teaches you the basics of Vue by building simple apps. You can access his more comprehensive courses on Udemy.
Category: Video
Skill Levels:
- Beginner
Scrimba
0 Break Diver Votes
This tutorial course is the perfect starting point for aspiring Vue developers. You'll learn all the key concepts while building apps and doing interactive coding challenges along the way.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
SitePoint
0 Break Diver Votes
SitePoint offers an incredible selection of online books, tutorials, and more. You can also buy many of their books online. This is a wonderful repository of excellent tutorials and books that will help you level up your Vue programming skills.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
- Advanced
TaniaRascia
0 Break Diver Votes
Tania is a software engineer who provides a variety of resources on numerous topics, including Vue. Her tutorials are detailed and to the point - definitely worth checking out!
Category: Other Apps & Websites
Skill Levels:
- Beginner
- Intermediate
The Odin Project
0 Break Diver Votes
The Odin Project is an open-source community and curriculum on web development. The curriculum teaches you to build websites from scratch, focusing on the backend.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
TutorialsPoint
0 Break Diver Votes
TutorialsPoint offers a set of very helpful beginner tutorials to introduce you to Vue and programming in general. Its mission is to deliver "Simply Easy Learning" with clear to-the-point content. No prior knowledge is assumed and the tutorials take care to explain each step in detail. There are also multiple examples that illustrate the concepts being taught, which help to make the concepts comprehensible.
Category: Other Apps & Websites
Skill Levels:
- Beginner
- Intermediate
VueSchool
0 Break Diver Votes
Description: VueSchool provides an amazing platform and community for people who are relatively new to Vue. They have hours of content split across multiple small lessons.
Category: Other Apps & Websites
Skill Levels:
- Beginner
- Intermediate
W3Schools
0 Break Diver Votes
W3schools is an excellent educational website where you can learn web development and programming languages, such as Vue. The tutorials mainly consist of readings with examples, plus a small exercise or quiz at the end of each lesson. The website also provides references to Vue keywords that you may find useful. Definitely recommended!
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
Resources
Why pursue the Vue dive alone when you can dive in and learn with 1470 new supportive friends in 110 countries pursuing 140 collective dives from 300 world cities? Apply now to join Break Diving!
Apply Now