HTML Elements, Layout and Structure

Find out how elements of a webpage is structured, understand the box model, and learn to layout your contents.

CSS Styling and Positioning

Use CSS to define typography, backgrounds, color schemes, custom styles, and positioning of your HTML contents.

Responsive Websites with Bootstrap 4, 5, and Flexbox

Learn to build responsive websites that scales from mobile to desktop using Bootstrap 4 and 5's flex-box grid system and media queries.

Personal Portfolio and Cloning Exercise

Improve your HTML CSS knowledge by cloning existing websites. Finish the course by building your live personal portfolio.

JavaScript Fundamental Operations

Learn the basics of JavaScript, covering topics such as Values, Operators, Variables, Objects, Arrays, Loops, Conditionals and Functions.

Build Reusable Programs

Create reusable programs through fun scenarios to understand scope, parameters, and return values. Learn how information is stored and used in functions and write programs that will execute itself.

Prototype-based Programming

Understand the prototypical structure of JavaScript and the relationships between its objects. Learn to build objects with Constructors and the "this" variable.

Game Projects and Algorithm Exercises

Complete over one hundred JavaScript scripting exercises and build two text-based game projects to finish the course.

Document Object Model

Understand the relationship between JavaScript and the browser and how to add JavaScript to a website.

DOM Manipulation and Events

Use JavaScript to add, remove and edit HTML elements and its CSS styles. Capture DOM events to build interactive pages.

jQuery and Libraries

Discover the usefulness of libraries through jQuery's DOM methods and learn to abstract your code. Learn how to use the underscore.js library to reduce custom codes.

APIs, Ajax, and Web Apps

Learn to dynamically retrieve data from external APIs using Ajax. Build interactive web apps with persistent data stored on server.

JavaScript ECMAScript 2015 (ES6)

Learn the crucial updates to JavaScript ES6. Const and let variables, arrow functions, rest and default parameter, spread operator, object enhancements, classes, fetch, promise, and more.

React fundamentals

Learn how to add React capability to existing projects. Learn to write React JSX. How to preprocess React JSX locally with NodeJS. Learn to compose React custom components and build reusable templates.

React Advanced Concepts

Dive deep into React development and learn about component life cycle, component states, event handling, list rendering, conditional rendering, and how to handle Ajax in React.

Node, NPM, and Create React App

Learn how to create a React single page app using Create React App. Learn to run a NodeJS server locally, install and use third party JavaScript NPM library in React projects. And deploy React projects live.

Ruby Programming Fundamentals

Learn the basics of Ruby, covering topics such as Values, Operators, Variables, Data Objects, File Managing, Conditionals, and Loops.

Native Methods and Reusable Programs

Learn to write reusable programs with native methods that come bundled with Ruby to write less code and achieve the same outcome.

Object Oriented Programming in Ruby

Understand Object Oriented Programming and learn to use Classes, Instances, inheritance and attributes to write advanced Ruby programs.

Command Line Interface and Git

Learn to instruct your computer the programmer way with the Command Line Interface and execute programs in the terminal. Use version control systems such as Git to manage your projects.

MVC Structure and API Routes

Learn the crucial Model View Controller (MVC) structure that is being used in most applications. Create a simple restful API with multiple routes.

Database, Migrations, and Model

Create new Models with migrations, add validations to Models, and interact with your database using Active Record.

Automatic Testing

Write tests for your API that will run automatically when you deploy your application.

Third Party Library Integration

Add more functionality to your application with third party libraries such as mailer and photo upload.

Incorporate Front-end into Rails

Build a monolithic structured full-stack project using Ruby on Rails for both front-end user interface and back-end API.

Live Deployment and Monitoring

Go live with your application by deploying to a hosted server environment such as Heroku. Add custom domain; secure your application with HTTPs; and install add-ons for server monitoring.