Giter VIP home page Giter VIP logo

learn-js's Introduction

learn-js

What is this?

Here are some of the resources that I used that helped me learn, understand, and master Javascript. I will be updating this from time-to-time whenever I discover a new tool that helped me understand certain Javascript concepts. Please share if this has helped you as much as it did me.

Table Of Contents

FreeCodeCamp

Concepts
  1. Basic JS
  2. ES6
  3. Regular Expressions
  4. Debugging
  5. Basic Data Structures
  6. Basic Algorithm Scripting
  7. Object Oriented Programming
  8. Functional Programming
  9. Intermediate Algorithm Scripting
  10. JS Algorithms & Data Structures Projects

Beginner Friendly Project Ideas

Find my versions of these projects by clicking here

  1. BookList-App
  2. Games
    1. Hangman
    2. Tic-tac-toe
    3. Memory Game
    4. Whack-a-mole
    5. Connect Four
    6. Flappy Bird
  3. E-Commerce Site
  4. Brochure Site
  5. Calculator
  6. Simple Piano

Other Concept Videos

Besides the concepts I had learned from the certifications I have done in JS and ReactJS, I taught myself more stuff by watching course videos, taking notes, and doing tons of practice problems. Some of the concepts I touched on are:

  1. Data Structures and Algorithms - Beau Teaches Javascript. These videos cover the following data structures: stacks, sets, queues & priority queues, binary search tree, map vs object, hash tables, linked list, trie data structures, heap data structures, graphs, breadth-first search.
  2. Breadth First Search & Depth First Search
  3. Codevolution's React JS Tutorial - A comprehensive walk-through of everything React JS, React Render, and React Typescript.

Cool Tools

  1. RegExr: I'll be honest, RegExp is not my favorite and is definitely something I need a refresher on from time to time. Though FCC's course included a unit on Regular Expressions, for some reason, I had trouble retaining the information so I searched for a tool that made it easier and simpler to learn and understand it. RegExr, made by Grant Skinner (check out his repo here) is super cool! I strongly advise you all to check this out!
  2. Big O Cheatsheet
  3. JS Cheatsheet
  4. ReactJS Cheatsheet

My Favorite YouTubers

Being a visual and neurotic learner, I find video lectures and tutorials to be very effective in learning. I have listed all of my favorite YouTubers below who helped me hone in on certain concepts around which I had trouble wrapping my head.

  1. DevEd
  2. WebDevSimplified
  3. FreeCodeCamp
  4. Codevolution

learn-js's People

Contributors

akshara-sun avatar amilajack avatar

Stargazers

Chirag Sharma avatar Sharaf Qeshta avatar Nichole avatar  avatar Daniel Curran avatar Subhan Bakh avatar

Watchers

 avatar

Forkers

amilajack

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.