Learn By Example: The Foundations of HTML, CSS & Javascript

(Instant booking on GulfTalent)
Can be taken anytime
Course Type
Professional Training Course
Yes (Details)
Course Fee

Course Overview

Closures prototypes JSON the DOM selectors inheritance in CSS and in Javascript and first class functions - that's what this course is about.

This is not a course on Javascript frameworks - its about solid fundamental HTML CSS and Javascript. You'll be surprised by how much more you can get done on your web pages once you learn these technologies the right way.

What do we mean by that?

  • Relatively few folks formally learn HTML CSS or Javascript because its quite easy to get stuff done in these technologies in a quick-and-dirty way.
  • That quick-and-dirty way of learning and doing leads to problems over time because Javascript and CSS are actually quite complex so it is easy to do things the wrong way
  • This course will help because it has 75 examples 20 in HTML/CSS and 55 in Javascript. Each is self-contained has its source code attached and gets across a simple specific use-case. Each example is simple but not simplistic.

What's Included:

  • Basic HTML: Folks stopped counting HTML as a language worth formally learning sometime in the 90s but this is only partially justified. It always helps to have strong basics.
  • CSS: Cascading Stylesheets are incredibly powerful and incredibly hard to use - until you know how they really work. Once you understand inheritance and selection in CSS it will all make a lot more sense.
  • Javascript is a full-fledged powerful and complicated language. Its really important to learn Javascript formally because it is just so different from most other languages you would have encountered. For instance - Javascript has objects and inheritance but no classes.
  • Closures in Javascript are a rather mind-bending concept - functions that remember how the world looked when they were created.
  • Prototypes are Javascript's way of doing inheritance and its very different from the C++/Java way of doing it.
  • JSON is not conceptually difficult to use but it is incredibly important and you should understand why - because its the glue between backends written in Java or other traditional languages and front-ends written in Javascript
  • The Document-Object-Model is what ties Javascript back to HTML and CSS. Together with JSON the DOM ties it all together from server to skin.

Using discussion forums

Please use the discussion forums on this course to engage with other students and to help each other out. Unfortunately much as we would like to it is not possible for us at Loonycorn to respond to individual questions from students:-(

We're super small and self-funded with only 2 people developing technical video content. Our mission is to make high-quality courses available at super low prices.

The only way to keep our prices this low is to NOT offer additional technical support over email or in-person. The truth is direct support is hugely expensive and just does not scale.

We understand that this is not ideal and that a lot of students might benefit from this additional support. Hiring resources for additional support would make our offering much more expensive thus defeating our original purpose.

It is a hard trade-off.

Thank you for your patience and understanding!


  • Any modern browser and a simple text editor are all that will be needed for the code examples
  • Some prior programming experience will definitely help in the advanced Javascript portions - if you are entirely new to programming the second half of the Javascript section will seem very challenging

Who should take this course

Who is the target audience?

  • Yep! Folks who are absolutely new to web programming and wish to learn HTML and CSS from scratch
  • Yep! Folks who are seeking to learn Javascript the right way - including folks who may done some Javascript programming but are not quite confident using advanced features such as closures or dynamic prototyping
  • Yep! Java C# Python or C++ programmers who are looking to master Javascript
  • Nope! This class is not right for you if you are looking to learn Javascript frameworks such as JQuery Angular or Node.js


Course Completion Certificate

Course content

What you will learn:

  • Understand HTML - its structure and the commonly used tags
  • Utilise CSS including inheritance selectors the box model - the very topics that make CSS hard to use
  • Master the fundamentals of Javascript
  • Use closures dynamic prototyping JSON and the Document-Object-Model with confidence

Curriculum: Welcome to HTML CSS and Javascript!:

  • HTML
  • CSS
  • Javascript Basics
  • Objects in Javascript
  • First Class Functions - In Detail
  • Javascript Quirks
  • Functions Yet Again
  • Closures
  • Prototypes Dynamic Prototyping and Inheritance
  • The Document Object Model and Event Handling
  • JSON

About Course Provider

Simpliv LLC, a platform for learning and teaching online courses. We basically focus on online learning which helps to learn business concepts, software technology to develop personal and professional goals through video library by recognized industry experts or trainers.

Why Simpliv

With the ever-evolving industry trends, there is a constant need of the professionally designed learning solutions that deliver key innovations on time and on a budget to achieve long-term success.

Simpliv understands the changing needs and allows the global learners to evaluate their technical abilities by aligning the learnings to key business objectives in order to fill the skills gaps that exist in the various business areas including IT, Marketing, Business Development, and much more.

How to enroll?

You can book the course instantly by paying on GulfTalent.

(Instant booking on GulfTalent)

Frequently asked questions

{{ item.question }}