DEV Community

Cover image for Become a Front-End Developer course review
RealToughCandy.io
RealToughCandy.io

Posted on • Originally published at realtoughcandy.com

Become a Front-End Developer course review

Hello developers! Today we’re taking a behind-the-scenes look at the Become a Front-End Developer course on Educative.io.

As you may have guessed, this course is for those who aspire to be front-end web developers. 😃

When I say front-end developer course I actually mean track: Become a Front-End Developer consists of six separate courses organized logically. You’ll learn theoretical and foundational knowledge, plus hands-on activities and projects with HTML, CSS, JavaScript and more.

Disclosure: Because I freaking love this platform, I’m a proud affiliate and may get a few bucks if you sign up for something. They’re currently offering a subscription discount. Use my link:

https://www.educative.io/track/beginning-front-end-developer?aff=x06V

The Front-End Developer learning track consists of the following 6 courses:

  • Web Development: A Primer
  • Learn Web Development from Scratch: Go Beyond the Syntax
  • The Complete Advanced Guide to CSS
  • Complete JavaScript Course: Build a Real World Web App from Scratch
  • Intermediate JavaScript: Build Frontend Components
  • A Complete Guide to Launching your Website: From Local to Live

Let’s talk about what’s inside each of them.

1. Web Development: A Primer

Consisting of nine segments, this “level 0” course is all about showing you the fundamentals of the web. Although largely a theoretical course, you’ll get nearly 30 coding playgrounds to experiment with the concepts. You’ll also learn about the backbone of the web, preparing your mind for the dizzying amounts of coding you’ll be doing throughout your career.

The course starts off with an introduction to networks, then moves on to databases.

Other sections include:

  • The Front End
  • The Back End
  • Web Development Frameworks
  • Version Control with Git
  • Principles of Software Engineering

Plus there are nearly 40 illustrations and over 20 quizzes.

2. Learn Web Development from Scratch: Go Beyond the Syntax

The next course in the track is a more practical continuation of the first course –– but now you’ll have a chance to really get your hands dirty with the code.

Aside from learning HTML, CSS & JavaScript basics, you’ll also create a fully-functional TODO app using DOM manipulation techniques. And because the coding environments are right in your browser, you don’t have to worry about getting anything set up. Check out these specs:

  • 148 coding playgrounds
  • 63 code snippets
  • 11 illustrations
  • 44 challenges
  • 19 quizzes

Upon completion of Learn Web Development Front Scratch, you’ll feel comfortable creating web pages with basic interactivity. You’ll also be ready to face more challenging web dev courses with greater technical requirements.

3. The Complete Advanced Guide to CSS

Do you like making things beautiful? This course is for you. The Complete Advanced Guide to CSS consists of 102 lessons focusing solely on what gives the web its style. From colors, to typography, to values and units, backgrounds and more, the course also includes a project. It’s a movie order page and you build it from scratch, but you get plenty of guidance along the way. The specs on this course are pretty decent too:

  • 131 coding playgrounds
  • 263 code snippets
  • 137 illustrations

You’ll also learn both Flexbox and CSS Grid, two web layout models that are absolutely stunning in what they can create. As a stand-alone front-end developer course, this one can benefit just about any developer.

4. Complete JavaScript Course: Build a Real World Web App from Scratch

No frameworks, no libraries — this one gives you the raw ingredients only. As you learn JavaScript you’ll be applying that knowledge to build a social news app.

In this course you learn the following:

  • Basics of JavaScript featuring ES6
  • Traverse the DOM
  • Modify pages and handle events
  • Animate elements

You’ll also learn about JS algorithms and web servers in addition to other big topics.

The specs keep improving:

  • 262 coding playgrounds
  • 144 code snippets
  • 38 challenges
  • 39 illustrations
  • 23 quizzes

5. Intermediate JavaScript: Build Frontend Components

This is probably the most activity-intense course of the entire Become a Front-End Developer track. You are building multiple components while learning the mechanics behind them. Working on Twitter's infinite scroll:

Components are based on real-world implementations and include:

  • eBay’s dropdown menu
  • Google’s autocomplete search
  • Medium’s tooltips
  • Gmail’s autovalidating form
  • Twitter’s infinite scroll list

Specs:

  • 75 coding playgrounds
  • 44 code snippets
  • 46 illustrations
  • 2 coding challenges
  • 16 quizzes

You also have opportunities to debug your code with the various components.

Because they all involve UI components, you could even consider this a foundational course for using frameworks.

6. A Complete Guide to Launching your Website: From Local to Live

This one is a front-end developer course I haven’t really seen anywhere else.

But it’s not just for front-end devs. It’s one of those topics that I think a lot of instructors/platforms assume the student already knows about. In reality, deploying a website is a BIG deal and a lot can go wrong! This course shows you in a procedural, explicit step-by-step way how to deploy your web app. It even discusses things like how to pick a good domain name, and some of your options for hosting. Just some really practical info all in one spot. Learning this stuff before you deploy will save you some headaches.

Because this is more of a checklist-style course, you don’t do any coding. However, there are plenty of illustrations along with some quizzes and code snippets.

Educative as a platform & Final Thoughts

There are a few things that separate Educative from other platforms. Firstly, the coding playgrounds. You don’t have to spend any time setting up your dev environment or hit your head on the wall when stuff isn’t working. It’s all in the browser, ready to go where you can edit/run code and see the results in real time.

With illustrations, quizzes, and well-organized content there’s a lot to explore with the Become a Front-End Developer track. Each immersive front-end developer course within it will help tackle real-world tech challenges.

For example, you’ll be able to start building your portfolio. You can now learn a front-end framework like React without feeling guilty about not learning JavaScript sufficiently. You can deploy web apps and troubleshoot when things go wrong.

Have you taken this track or explored any other of their courses? What are your thoughts? Let me know in the comments below!

Check out my other reviews of Educative platform & courses here, here, and here.

Top comments (19)

Collapse
 
thesnowmanndev profile image
Kyle Martin

$49.99 a month seems steep. How does this compare to free assets like FreeCodeCamp? Or the boot camps on Udemy? You can buy 2 sometimes 3 courses for $50 depending on the sales. How does it rank against the other code sites like Codecademy which is $19.99 a month or Pluralsight which is $29 a month?

Collapse
 
andrewbrown profile image
Andrew Brown 🇨🇦 • Edited

$49 USD / mo for text? Wow, that's high.

Actually, it's much worst, looks $49 USD is when paying for 3 months upfront. Here's the pricing for those who are wondering:

This article is just a big ad. I realize we've been given disclaimer but it doesn't make it much better.

Collapse
 
thesnowmanndev profile image
Kyle Martin

Yup! Didn't realize I looked at the wrong option. That's insane I don't care how "good" your site claims to be $79 a month for month by month is way over priced for what else there is on the internet.

Collapse
 
realtoughcandy profile image
RealToughCandy.io

You're 100% correct Andrew. My article is an "ad" for showing people educational options. The per month plan gives you access to hundreds of interactive, well-organized courses. It's definitely not for everybody.

Thread Thread
 
andrewbrown profile image
Andrew Brown 🇨🇦

The hustle is strong with this one.

Thread Thread
 
realtoughcandy profile image
RealToughCandy.io

Have a good one.

Collapse
 
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

Yeah... This is something I touched upon in one of my blog posts:

dev.to/aleksandrhovhannisyan/learn...

There are tons of freely available resources and tutorials online, some of which are actually better than the paid alternatives.

$49.99/month is ridiculously overpriced. YouTube, MDN, W3Schools, FreeCodeCamp, and lots more are free.

To each their own, though.

Collapse
 
thesnowmanndev profile image
Kyle Martin

Oh I actually read the wrong block. It's $79.99 a month for month by month. That is outrageous.

Thread Thread
 
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

Best Ways to Waste $79 in 2020

Thread Thread
 
realtoughcandy profile image
RealToughCandy.io

If $79.99 a month is outrageous, I shudder to think what you think about coding bootcamps.

Thread Thread
 
thesnowmanndev profile image
Kyle Martin

A lot of coding bootcamps are a waste of money and typically for people who have no other way to learn how to code because they lack discipline. Bootcamps know that and they capitalize on it. The only bootcamps worth anything are ones that guarantee a job afterward.

Collapse
 
realtoughcandy profile image
RealToughCandy.io

The per-month gives you access to their entire catalog. Their course selection is very diverse but I think the biggest differentiator is that their coding playgrounds are right in the browser -- you can run JavaScript/HTML/CSS/Bash/Java/Python/Ruby etc right on the page with every course. Some sites do have something similar but it's not nearly as robust as this site.

Collapse
 
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan • Edited

but I think the biggest differentiator is that their coding playgrounds are right in the browser

To be fair, this isn't really a big differentiator nowadays. Lots of platforms have that feature (e.g., Codeacademy and Scrimba, to name two).

Collapse
 
thesnowmanndev profile image
Kyle Martin

I mean the competitors like Codecademy are equally as powerful (just comparing youtube videos / haven't used either personally) and they are 1/3rd of the price. I feel as if this Educative site is just ripping people off. Either way thanks for the share, interesting to explore other options but don't advise people to spend that amount of money when there are equal or better options out there for cheaper or free.

Thread Thread
 
akshaytolwani123 profile image
akshaytolwani123

The pricing may be steep but the courses are really good. I tried their free c++ course and it is awesome.It may not cover everything but I can understand everything very easily.The only problems is one mentioned by RealTouchCandy that we cannot save files to our offfline computers.My problem is that there aren't many courses.There are really good frontend courses but nearly no backend courses though it may be solved in the future once the platform has more instructors. Also it has the same problem as codeacdemy, it does not tell you how to set up a dev encvironment you have to google it. I am creating many courses for educative inlcuding qt and django. There are really less courses about new things like django.

Collapse
 
nestedsoftware profile image
Nested Software

I would argue that this is not a review, but more of an extended infomercial. Consider the terms of use: Users must make a good-faith effort to share content that is on-topic, of high-quality, and is not designed primarily for the purposes of promotion or creating backlinks.

Collapse
 
akshaytolwani123 profile image
akshaytolwani123 • Edited

Nice article I am getting my educative subscription next month.The pricing may be steep but the courses are really good. I tried their free c++ course and it is awesome.It may not cover everything but I can understand everything very easily.The only problems is one mentioned by RealTouchCandy that we cannot save files to our offfline computers.My problem is that there aren't many courses.There are really good frontend courses but nearly no backend courses though it may be solved in the future once the platform has more instructors. Also it has the same problem as codeacdemy, it does not tell you how to set up a dev encvironment you have to google it. I am creating many courses for educative inlcuding qt and django. There are really less courses about new things like django.

Collapse
 
codingphasedotcom profile image
codingphasedotcom

Great review

Collapse
 
realtoughcandy profile image
RealToughCandy.io

Thanks Joe! Didn't know you were on here too!