barryblando / all-about-javascript

Vanilla Javascript Coding Challenge (and many more)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ALL ABOUT JAVASCRIPT

Exploring JS/ES6+

30 Day Vanilla Javascript Coding Challenge

DAY 1 - JS Drum Kit

DAY 2 - CSS JS Clock

DAY 3 - Playing with CSS Variables and JS

DAY 4 - Array Cardio Day 1

DAY 5 - Flex Panels Image Gallery

DAY 6 - Type Ahead

DAY 7 - Array Cardio Day 2

DAY 8 - HTML5 Canvas

DAY 9 - DevTools Domination Tips

DAY 10 - Hold Shift to Check Multiple CheckBoxes

DAY 11 - Custom HTML5 Video Player

DAY 12 - Key Sequence Detection

DAY 13 - Slide In on Scroll

DAY 14 - Object and Arrays - Reference VS Copy

DAY 15 - LocalStorage and Event Delegation

DAY 16 - Mouse Move Shadow

DAY 17 - Sorting Without Articles

DAY 18 - Adding Up Time with Reduce

DOM Manipulation Section

DOM 1 - Task List

DOM 2 - Loan Calculator

DOM 3 - Number Guesser

DOM 4 - Random Flash List

OOP Section

OOP 1 - Book List

Asynchronous, APIs, HTTPs

Async 1 - XHR SandBox

Async 2 - AJAX Sandbox 1 - JSON File

Async 3 - AJAX Sandbox 2 - External Web APIs

Async 4 - AJAX Sandbox 3 - REST APIs and HTTP Request

Async 5 - Custom HTTP Library 1 - Ajax with callbacks

Async 6 - AJAX Sandbox 4 - Ajax with promises

Async 7 - Fetch API Sandbox w/ Arrow functions

Async 8 - Custom HTTP Library 2 - Fetch with Promises and ES6 Classes

Async 9 - Custom HTTP Library 3 - Fetch with Async/Await and ES6 Classes

API Projects

Project 1 - Github Finder

Project 1 - Weather Report

Regular Expressions & Project

RE 1 - RegularExpression Sandbox

RE 2 - Form Validation Project

Mini Projects

MP 1 - arrayImprovements

MP 2 - arrowExercise

MP 3 - boxOpening

MP 4 - splitScreenSlider

MP 5 - SpreadAndRest

MP 6 - templateStrings

MP 7 - templateTagged

MP 8 - Profile Scroller w/ ES6 Generator/Iterator

JAVASCRIPT DESIGN PATTERNS & PROJECT

Creational Patterns:

  • Factory Method: Creates an instance of several derived classes
  • Singleton: A class of which only a single instance can exist

Behavioral Patterns:

  • Mediator: Defines simplified communication between classes
  • Observer: A way of notifying change to a number of classes
  • State: Alter an object's behavior when its state changes

About

Vanilla Javascript Coding Challenge (and many more)


Languages

Language:JavaScript 58.2%Language:HTML 35.5%Language:CSS 6.2%