- 7. Web Development 101 [TheOdinProject] - Reddit's Choice
2% of jobs $53,000 - $64,499
3% of jobs $64,500 - $75,999
6% of jobs $76,000 - $87,499
9% of jobs $91,000 is the 25th percentile. Salaries below this are outliers.
$87,500 - $98,999
12% of jobs $99,000 - $110,499
16% of jobs The average salary is $113,115 a year
$110,500 - $121,999
15% of jobs $132,500 is the 75th percentile. Salaries above this are outliers.
$122,000 - $133,499
13% of jobs $133,500 - $144,999
9% of jobs $145,000 - $156,499
6% of jobs $156,500 - $168,000
3% of jobs
What You'll Learn
- Code 3 beautiful real-world apps with both ES5 and ES6+ (no boring toy apps here)
- Complex features like the 'this' keyword, function constructors, prototypal inheritance, first-class functions, closures
- What's new in ES6: arrow functions, classes, default and rest parameters, etc.
- Practice your new skills with coding challenges (solutions included)
- Get friendly and fast support in the course Q&A
- Downloadable lectures, code and design assets for all pr
- Course offered by a prestigious university with an engaging and knowledgeable instructor.
- Utilizes interactive assignments and a real world approach in teaching by having you build an actual website.
- Teaches old version of Bootstrap.
- Occasionally uses complex concepts that are difficult to comprehend for beginners.
- Some learners may find the fast pacing overwhelming.
- Taught by a former Google Engineer.
- Hyper passionate instructor puts a ton of work into teaching each concept thoughtfully and clearly.
- Covers common mistakes students make while learning JS.
- Makes good usage of analogies and diagrams to explain concepts in a way that's easy to understand and internalize.
- Teaches ES5 and does not cover the new features added in ES6 or ES7.
- Lacks exercises throughout the course to reinforce the concepts being learned.
- Uses an online tool called Plunker as the development environment and it can be cumbersome to use.
- Instructor is very thorough and methodical in covering each concept.
- The tutorial is broken down into easily digestible 5-10 minute clips.
- His upbeat and enthusiastic demeanor keeps it feeliing light and fun.
- Talks fast; non native English speakers may have trouble keeping up.
- No exercises or assignments in the course to reinforce the concepts being learned.
- Concise introductory course perfect for complete beginners.
- Fun and useful quizzes and peer-reviewed assignments that encourage interactivity.
- Instructor uses a problem-solving oriented approach great for facilitating deep-learning.
- Lacking in content, further reading and practicing beyond this course are necessary to get a solid grasp of JS fundamentals.
- Very few practical assignments.
Overall Score : 100 / 100
- Get hands-on experience building real world apps like autocomplete search functionality and an HTML5 player.
- Not for beginners.
- Very little time explaining how the code works for each exercise.
- 30 completely seperate projects will be daunting and intimidating for some.
Web Development 101 (2013)
- This introduction covers substantial ground, but it is only the beginning. A complete path to web development is available through continued learning.
- Online community appears more dedicated to success than most, making it an invaluable resource.
- Self-paced learning lets you get back what you put into the learning process.
- Similar to free-range parenting, the Odin method is all about self-sufficiency. Those who do best being led by the hand will not succeed here.
- This is priming students for deep mastery of concepts. Information is dense compared to other introductory courses.
What You'll Learn
- JS building blocks like objects, functions, loops, etc.
- Create a bouncing ball using shapes and colors.
- Object Oriented Programming with ES6.
- Constructor arguments with classes.
- Upload media files.
- Object communication.
- Much, Much more!
What You'll Learn
- Object Oriented Programming
- Functional Programming
- Scope and Execution Context
- Inheritance + Prototype Chain
- Latest features: ES6, ES7, ES8, ES9, ES10
- `this` keyword
- Error Handling
- Stack Overflow
- Memory Leaks
- Composition vs Inheritance
- Type Coersion
- Pass By Reference vs Pass by Value
- Higher Order Functions
- .call(), .apply(), .bind()
- Interpreter/ Compiler/ JIT Compiler
- Garbage Collection
- Extremely interactive; more than 100 interactive coding challenges provided throughout the course.
- Browser based coded environment hosted directly on FreeCodeCamp makes it easy to get started.
- Does not do a great job of engaging the learner in a meaningful way. Copying and pasting code is often all that's required to complete a coding challenge.
- Concepts are explained only at the surface level; very little depth taught.
- Text based. Visual learners would do better in a video-based course.