Finally finished learning JavaScript in this course on Udemy! This course has a total of 14 sections122 lectures, and a total duration length of 21 hours and 42 minutes. I followed along with my teacher until the course finished.

Certificate

Other Certificates

Projects

We made 10 projects in this course. All of these projects are used with VanillaJS1or, pure JavaScript with no extra library, framework, or such only.

1. Task List

Github repo: https://github.com/zeddrix/tasklist
Demo: https://zeddrix.github.io/tasklist/
Description: A simple web app where you can add, filter, and delete your tasks. Built with local storage.

2. Loan Calculator

Github repo: https://github.com/zeddrix/loan-calculator
Demo: https://zeddrix.github.io/loan-calculator/
Description: Save time calculating your monthly payment, your total loan payment, and the total interest you have to pay using this loan calculator.

3. Number Guesser

Github repo: https://github.com/zeddrix/number-guesser
Demo: zeddrix.github.io/number-guesser/
Description: A very simple game where you try and try until you guessed the correct number.

4. Booklist

Github repo: https://github.com/zeddrix/booklist
Demo: zeddrix.github.io/booklist/
Description: A web app where you can add your books to the list. I made 2 versions for this project: one for ES5 (prototypes) and another for ES6 (classes). Practice for Object-Oriented Programming in Vanilla JavaScript.

5. Joke Generator (ft. Chuck Norris)

Github repo: https://github.com/zeddrix/joke-generator
Demo: https://zeddrix.github.io/joke-generator/
Description: Fetches data (Chuck Norris jokes) from external API (from http://www.icndb.com/api/) using AJAX according to the number of jokes you want to show. Check it out. It’ll blow you away! Unfortunately, browsers blocked this endpoint because “the page at ‘https://zeddrix.github.io/joke-generator/’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://api.icndb.com/jokes/random/2’. This request has been blocked; the content must be served over HTTPS.”

6. EasyHTTP

Github repo: https://github.com/zeddrix/easyhttp-library
Demo: https://zeddrix.github.io/easyhttp-library/
Description: A very simple and easy-to-use HTTP library with full CRUD functionality. AJAX with callbacks. (See responses in the console)

7. Github Finder (Plain JS)

Github repo: https://github.com/zeddrix/github-finder
Demo: https://zeddrix.github.io/github-finder/
Description: Peek GitHub user’s profiles, number of repos, number of gists, number of followers, number of following, user’s full name, company name, website/blog, location, membership date, their latest repos, each repo’s number of stars, watchers, and forks.

8. WeatherJS App

Github repo: https://github.com/zeddrix/weather-widget
Demo: zeddrix.github.io/weather-widget/
Description: Know the current weather, humidity, pressure, temperature, and wind speed in your city with this cute weather widget!

9. TraCalorie

Github repo: https://github.com/zeddrix/tracalorie
Demo: https://zeddrix.github.io/tracalorie/
Description: Track your calorie intake using this app!

10. Microposts

Github repo: https://github.com/zeddrix/microposts
Demo: Please read README for demo.
Description: This cute app is like the cheap version of Twitter, Facebook, and WordPress. Frontend CRUD for REST API (Webpack & Babel)

Description

This is a front to back JavaScript course for absolutely everybody. We start with the basic fundamentals and work our way to advanced programming WITHOUT relying on frameworks or libraries at all. You will learn a ton of pure JavaScript, whether you are a beginner or an established JS programmer. There is something for everyone…

WHAT’S INCLUDED?

  • Basics & Fundamentals: Data types, let & const variables, functions, conditionals, loops, object literals, arrays, etc
  • DOM Manipulation: Selectors, traversing the DOM, show/hide, creating & removing elements, event listeners
  • OOP: ES5 prototypes, inheritance, ES2015 classes & sub-classes, constructors
  • Async JS: Ajax & XHR, Fetch API, callbacks, promises, async / await
  • ES2015+: Arrow functions, template strings, generators, iterators, maps & sets, symbols & more
  • JavaScript Patterns: Module, Factory, State, Observer, Mediator, Singleton
  • Other: Local & session storage, regular expressions, try/catch error handling
  • 10 Projects of all kinds

What you’ll learn

  • Modular learning sections & 10 real world projects with pure JavaScript
  • Master the DOM (document object model) WITHOUT jQuery
  • Asynchronous programming with Ajax, Fetch API, Promises & Async / Await
  • OOP including ES5 prototypes & ES2015 classes
  • Learn JavaScript Patterns
  • Regular expressions, error handling, localStorage & more

Are there any course requirements or prerequisites?

  • Basic HTML / CSS knowledge

Who this course is for:

  • People that want to learn modern JavaScript from beginner to advanced without libraries and frameworks

Leave a Reply

Your email address will not be published.