Reviewing online tech courses: Front-end (html, css/scss, js)

Eleftheria Batsou
8 min readAug 29, 2018
Youtube playlist

I thought I could make a series to review some online courses about front-end development, angularjs, UX-UI design, photoshop, illustrator, and more!

Before I participate in a course I always read the comment section but sometimes it’s not enough, and I feel like I want somebody to give me his honest opinion about it, and that’s what I want to do with this series called “Reviewing online tech courses”.

I am reviewing courses from well-known, free or paid, self-paced or not, online educational platforms like Udemy, Udacity, Coursera, Edx, Codecademy. The duration and level of each course may vary. Some of them provide a certification for free (e.g Udemy), other sources provide the lessons for free but you have to pay for the certification (e.g Edx), and others do not provide a certification.

Disclaimers:

  1. I have never been paid to review a course and I don’t gain anything from reviewing them.
  2. I only review courses that I have participated in and completed at least 95% of them.
  3. The order I am presenting them is randomly

THE COMPLETE WEB DEVELOPER COURSE 2.0, UDEMY, PAID

The complete web developer course

Description

Based on feedback from over 25,000 5-star reviews, It’s been created The Complete Web Developer Course 2.0, the sequel to: Build 14 Websites course.

It’s the most current, in-depth and exciting coding course — to date.

Designed for you — no matter where you are in your coding journey — thenext-generation web developer course is overflowing with fresh content. Jam-packed with high-quality tutorials. And crucially, features the most advanced, hot-off-the-press software versions.

Includes

  • 30.5 hours on-demand video
  • 141 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Requirements

  • No pre-knowledge is required — enthusiasm is all you need!
  • A PC or Mac is required
  • No software is required in advance of the course (all software used in the course is free)

INTRODUCTORY TO JAVASCRIPT — LEARN THE BASICS OF JAVASCRIPT, UDEMY, FREE

Introductory To JavaScript

Description

Have you always wanted to become an online web developer or JavaScript developer? With all the different programming languages out there it can be hard to find one to start off with yet alone find a good course that will show you how to learn the language effectively.

Because of all this there is this free JavaScript basics course that will show you as a complete beginner how to begin creating programs using JavaScript.

This course is created for anyone brand new to web development, or simply for those who know HTML, CSS, or any other programming language but have never worked with JavaScript before. If you always wanted to get into programming then this course is right for you!

Includes

  • 1 hour on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Requirements

  • Have an eagerness to learn!
  • Basic understanding of HTML is helpful but not required

PRACTICAL JAVASCRIPT, WATCH AND CODE, FREE

Practical javascript

Description: n.a.

Includes:

  • Many hours on-demand video
  • Full lifetime access

Requirements: n.a.

JAVASCRIPT30, WES BOS, FREE

Javascript30

Description

This course is for Beginner to Intermediate developers and designers who want to become comfortable with both JavaScript fundamentals and working in the DOM without a library.

You should already know some JavaScript to start — This isn’t a JavaScript 101 course. We learn by application — encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

We steer clear of opinionated design patterns, frameworks, libraries and any type of abstraction. These things are great and often needed, but can obstruct learning and constrain initial understanding.

These tutorials rely heavily upon browser APIs, most of which involve interaction with the page. If you are stuck in console.log() land, these videos are your next step. Oh, the stuff we build is really fun!

Includes:

  • Instant Access to all 30 videos
  • 30 days of Starter Files
  • Completed HTML, CSS and JS Solutions for each day

Requirements:

  • Basic knowledge of html, css and js

DEPLOY A WEBSITE, CODECADEMY, FREE

Deploy a website

Description

In Deploy a Website, you’ll learn how to take website content and publish it to the Internet. You’l learn how to use Jekyll, a handy tool used frequently by developers to get new static sites quickly up and running. You’ll also use the GitHub workflow to host your site using the GitHub Pages service. Finally, you’ll use Amazon Web Services (AWS), an industry-standard tool for developers, to purchase a custom domain name and assign it to your personal website.

Why learn to deploy a website?

Deploying — or pushing new code to a server — is an integral part of a developer’s daily workflow. Knowing the relationship between your computer (including your local development environment) and the Internet, as well as how to communicate between the two, is essential for every developer.

Includes

  • n.a.

Requirements

  • n.a.

MAKE A WEBSITE, CODECADEMY, FREE

Make a website

Description

You’ll build four simple websites using web development fundamentals, including HTML5/CSS3 and Bootstrap. You’ll learn to understand and modify the structure of basic website, as well as how to change the way a page looks and is laid out.

Why learn HTML and CSS?

Everything you see in a website is a result of the combination of HTML and CSS. With these two languages, you will have the skills you need to bring your website design to life. Jumpstart that vision by using Bootstrap, a popular library that allows you to create beautiful, responsive pages with very little time and experience.

Includes

n.a.

Requirements

n.a.

BECOME A FRONT END DEVELOPER, UDACITY, PAID

Become a front end developer

Description

The Front End Developer Nanodegree program is composed of five projects. With each project, you’ll create something that demonstrates your mastery of in-demand skills. Projects range in complexity, and each builds upon the previous. In the end, you will have a resume-worthy portfolio that you can showcase to prospective employers.

Includes

  • Explore different JavaScript design patterns, and become skilled with common developer tools, testing suites, and frameworks.
  • Demonstrate and refine your skills with five (5) in-class projects.
  • Receive expert reviews on your project submissions, along with actionable feedback to help you successfully advance through the program.
  • Communicate with your mentor, who will provide guidance, lend support, answer questions, and direct you to valuable resources.

Requirements

  • You must be comfortable using basic HTML, CSS, and JavaScript (or another programming language).

WEB ACCESSIBILITY BY GOOGLE, UDACITY, FREE

Web accessibility

Description

In this course, you’ll get hands-on experience making web applications accessible. You’ll understand when and why users need accessibility. Then you’ll dive into the “how”: making a page work properly with screen readers, and managing input focus (e.g. the highlight you see when tabbing through a form.) You’ll understand what “semantics” and “semantic markup” mean for web pages and add ARIA markup to enable navigating the interface with a range of assistive devices. Finally, you’ll learn styling techniques that help users with partial vision navigate your pages easily and reliably.

Includes

  • Rich Learning Content
  • Interactive Quizzes
  • Taught by Industry Pros
  • Self-Paced Learning
  • Student Support Community

Requirements

  • Students should know HTML, CSS, and JavaScript.

GIT A WEB DEVELOPER JOB: MASTERING THE MODERN WORKFLOW, UDEMY, PAID

Git a web developer job

Description

You already understand the basics of HTML and CSS, but you don’t necessarily feel qualified for the web developer jobs you want. In this course we’ll bridge that gap by building a mobile-first responsive website, together, step-by-step. Along the way we’ll learn the modern skill-set that companies are looking for in developers.

By the end of this course you’ll be able to build sites using the modern skills, tools, and best-practices that companies need in developers.

Includes

  • 15.5 hours on-demand video
  • 1 Article
  • 100 Downloadable Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Requirements

  • Basic understanding of HTML and CSS.

THE COMPLETE SASS & SCSS COURSE: FROM BEGINNER TO ADVANCED, UDEMY, PAID

The Complete Sass & SCSS Course

Description

This course is the complete masterclass for Sass & SCSS development. It covers all you need to know about this awesome technology including:

How to use Sass / SCSS to create more flexible designs in less time and generate CSS code from them. How to use variables to store colors, sizes, fonts and more to avoid repetition and make your designs more flexible and reusable. How to perform calculations right inside your Sass & SCSS code to create responsive and flexible layouts. How to use mixins and imports to reuse your existing designs and finish new projects in no time. How to use inheritance in Sass to avoid duplicating code and the nasty bugs that come with it. How you can use Sass to write scaleable CSS code even for big projects

You will also learn how to use Sublime Text 3, one of the most popular lightweight text editors out there, confidently and write your code with lightning speed.

During the course, you will create useful code snippets in Sass that you can use in future projects to double your development speed — and you will have all the tools you need to create more such snippets to enhance your productivity even further and make clients happy!

You can test what you learned in several quizzes and by coding along while we create a library of powerful code snippets.

Includes

  • 4 hours on-demand video
  • 1 Article
  • 30 Downloadable Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Requirements

  • You need NO previous knowledge with Sass or Bootstrap.
  • You should know basic HTML & CSS.
  • You need basic computer skills to install and run applications.

LEARN SASS, CODECADEMY, FREE

Learn Sass

Description

This course will teach you how to use nesting, variables, mixins, placeholders, and functions to write more expressive and reusable styles. At the end of the course, you will be able to transition a CSS codebase to SCSS and style multiple websites.

Why learn Sass?

Sass is an easy-to-use styling language that helps reduce a lot of the repetition and maintainability challenges of traditional CSS. Learning Sass will not only let you scale styles when working on big web development projects, it will also make it much faster and efficient to write reusable styles from scratch for smaller projects.

Includes

  • n.a

Requirements

  • It is recommended to complete “Learn CSS” by codecademy before taking this course.

SASS WORKFLOW, UDEMY, FREE

Sass Workflow

Description

This course will develop your skills in maintaining structured stylesheets. Sass is a CSS preprocessor which allows a more functional approach to styling; such as variables, mixins, if statements, loops, maths, inheritance and more.

You ll see how to easily use the command line to keep our CSS up to date. You ‘ll be watching Sass files automatically for any new changes and exporting in real time. Also the command line allows real time compression to produce a smaller CSS file and converting between Sass and SCSS.

With projects getting larger and more detailed we need to keep our CSS maintained. This can be a handful when it comes to a standard CSS stylesheet. But with Sass everything can become a breeze!

Includes

  • 3 hours on-demand video
  • 2 Downloadable Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Requirements

  • Basic understanding of CSS and prefixed properties
  • Basic knowledge of HTML (not required but strongly recommended)

Thank you for taking the time to read my short review on tech courses. Would you recomment any other front-end development course?

Would you like to get me a coffee?!☕️

You can do that here → paypal.me/eleftheriabatsou

But If you can’t, that’s ok too 😍.

It would be nice to subscribe to my youtube channel. It’s free and it helps creating more content.

Thanks for reading, have an awesome day!

Youtube | Codepen | GitHub | Twitter | Site | Instagram

--

--

Eleftheria Batsou

Hi, I’m a community manager and an app developer/UX researcher by passion. I love learning, teaching and sharing. My passions are tech, UX, arts & working out.