Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/timonwa/javascript-project-series

Beginners Javascript Projects - Article series on Timonwa's Notes. 10+ mini projects to boost your Javascript skills.
https://github.com/timonwa/javascript-project-series

beginner css3 html5 javascript javascript-vanilla learn-to-code learning-by-doing learning-exercise

Last synced: 10 days ago
JSON representation

Beginners Javascript Projects - Article series on Timonwa's Notes. 10+ mini projects to boost your Javascript skills.

Host: GitHub
URL: https://github.com/timonwa/javascript-project-series
Owner: Timonwa
License: mit
Created: 2022-03-08T15:45:16.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2022-05-12T14:59:11.000Z (over 2 years ago)
Last Synced: 2023-03-06T20:52:23.322Z (almost 2 years ago)
Topics: beginner, css3, html5, javascript, javascript-vanilla, learn-to-code, learning-by-doing, learning-exercise
Language: HTML
Homepage: https://javascript-project-series.vercel.app
Size: 313 KB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md
- License: LICENSE

Awesome Lists containing this project

README

        # Beginners Javascript Projects series on Timonwa's Notes

## 10+ mini-projects to boost your Javascript skills

![Beginners Javascript Projects](https://github.com/Timonwa/javascript-project-series/blob/main/assets/seo-image.png)

This repository contains all the codes for each of my articles on building Javascript projects on my [blog](https://blog.timonwa.com).

The [Beginners Javascript Projects Series](https://blog.timonwa.com/series/beginners-javascript-projects) is a collection of written tutorials where I pick javascript projects one at a time, giving step-by-step guides on how to build them from scratch with ease.

As I publish each new project article, you will find the corresponding source codes here. The code of each project is contained in folders with the corresponding names of the Javascript projects. You can also find the direct links to the folders below, along with the live links to view the code in action.

Feel free to fork this [repo](https://github.com/Timonwa/javascript-project-series) and use the codes for learning, practicing, and building your own unique projects. And please give this a [Star](https://github.com/Timonwa/javascript-project-series) also. It would mean a lot to me. The Star and Fork button can be found at the top right corner.

---

## The Projects

The following is the list of javascript projects included in the repository.

You can click on them to go straight to that section.

1. [Accordions](#accordions)

2. [Color Flipper](#color-flipper)

3. [Image Slider](#image-slider)

### Accordions

You can view the [demo here](https://javascript-project-series.vercel.app/01-accordion/index.html), read the [article here](https://blog.timonwa.com/3-simple-ways-to-build-an-accordion), and view the [code here](https://github.com/Timonwa/javascript-project-series/tree/main/01-accordion).

### Color Flipper

You can view the [demo here](https://javascript-project-series.vercel.app/02-color-flipper/index.html), read the [article here](https://blog.timonwa.com/how-to-build-a-random-color-flipper-with-vallina-javascript), and view the [code here](https://github.com/Timonwa/javascript-project-series/tree/main/02-color-flipper).

### Image Slider

You can view the [demo here](https://javascript-project-series.vercel.app/03-image-slider/index.html), read the [article here](https://blog.timonwa.com/how-to-create-an-image-slider-using-css-and-javascript), and view the [code here](https://github.com/Timonwa/javascript-project-series/tree/main/03-image-slider).