https://github.com/chewzzz1014/javascript_basics

https://github.com/chewzzz1014/javascript_basics

dom-manipulation javascript learning projects

Last synced: 9 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/chewzzz1014/javascript_basics
• Owner: chewzzz1014
• Created: 2022-02-25T02:17:39.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-03-02T10:26:55.000Z (almost 2 years ago)
• Last Synced: 2025-01-26T20:17:19.768Z (11 months ago)
• Topics: dom-manipulation, javascript, learning, projects
• Language: JavaScript
• Homepage:
• Size: 6.99 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# JavaScript_Basics

Learning vanila JavaScript and frameworks.Topics include basic syntax, OOP, regex, asynchronous etc. Also include my starting code of learning AJAX, node, mongoose and express.

Learning Resources:

 - [javascript.info](javascript.info)

 - [Beginner's Series to: JavaScript](https://docs.microsoft.com/en-us/shows/beginners-series-to-javascript/?wt.mc_id=beginner-c9-niner) by Microsoft Learn

 - [The Odin Project](theodinproject.com) (Taught in Fundamental Course of Web Development Path)

 - [Web-Dev-For-Beginners Github Repo](https://github.com/microsoft/Web-Dev-For-Beginners) by Mircosoft

 - [JavaScript for Beginners](https://hyperskill.org/tracks/32?category=3) track on Hyperskill

 - [JavaScript Algorithms and Data Structures](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/) by Free Code Camp

 

## Vanilla JS Projects

1. [TODO-List](https://github.com/chewzzz1014/JavaScript_Basics/tree/master/project-TODO-List) 

   - Vanilla JS project that interacts with user using console

2. [Language Guesser](https://github.com/chewzzz1014/JavaScript_Basics/tree/master/project-langGuesser)

   - Use `franc` module that guesses the language of input entered by user in terminal

3. [Coffee Machine](https://github.com/chewzzz1014/JavaScript_Basics/blob/master/projects-vanilla-js/coffee-machine.js)

3. [DOM](https://github.com/chewzzz1014/JavaScript_Basics/tree/master/DOM)

   1. [Binary Calculator](https://github.com/chewzzz1014/JavaScript_Basics/tree/master/DOM/binary_calculator)

      - Perform arithmetic operation on binary.

      

      ![image](https://user-images.githubusercontent.com/92832451/204301560-a83e6ba6-05b7-404c-9823-bf9500040d85.png)

   2. [increment_button](https://github.com/chewzzz1014/JavaScript_Basics/tree/master/DOM/increment_button)

   3. [rotate_clockwise](https://github.com/chewzzz1014/JavaScript_Basics/tree/master/DOM/rotate_clockwise)

      - Rotate outer number clockwise when click on 5

   

      ![image](https://user-images.githubusercontent.com/92832451/204301804-b2213462-bb1f-410e-8b5a-86e123f15275.png)

      ![image](https://user-images.githubusercontent.com/92832451/204301878-4b4c6b8f-b890-414e-a68f-109cc3bba53e.png)