This repository contains various JavaScript and Node.js projects developed as part of a learning journey. The projects are categorized into JavaScript Basics, Node.js Concepts, API Courses, React.js Lessons, and hands-on coding challenges. Each folder represents a topic or challenge with its own purpose.
-
Clone the Repository:
git clone https://github.com/pserdarakin/your-repo-name.git
-
Navigate to the folder you want to work with: For example:
cd NodeJS_Course/EJS/4.1\ EJS\ Tags
-
Install Dependencies (if applicable): For Node.js projects, run:
npm install
-
Run the Project: Follow the instructions in the respective folder to execute the project. For Node.js projects:
node index.js
This folder contains foundational JavaScript concepts:
- JSON_Course:
- Learn how to handle JSON data with JavaScript.
JSON.js: Demonstrates parsing and stringifying JSON.people.json: Sample JSON file used in the course.
- OOP_Course:
- Focuses on Object-Oriented Programming (OOP) in JavaScript.
- Includes
oop.jsand anindex.htmlfile to demonstrate OOP principles.
This folder dives into Node.js concepts:
- EJS:
- Explore EJS templating with dynamic rendering:
4.1 EJS Tags: Demonstrates dynamic HTML generation using EJS.
- Explore EJS templating with dynamic rendering:
- ExpressJS:
- Covers middleware and routing in Express.js.
3.4 Middleware: Basic Express middleware demonstration.
- Covers middleware and routing in Express.js.
- Public:
- A folder for static assets to be served in Node.js projects.
Real-world coding challenges and applications:
- Dice Challenge - A simple two-player dice game implemented with JavaScript.
- Simon Game - A memory game based on the classic Simon electronic game.
- QR Code Generator - A Node.js project that generates QR codes for user inputs.
- Secrets Access Project - An Express.js project implementing user authentication.
- Band Generator Project - A fun name generator.
- API Blog Project - A blog application using APIs.
- Keeper App - A React-based note-taking app (built in multiple stages).
- My Blog - Capstone Project - A final full-stack blog project.
- Translator - A translation web application.
This folder focuses on API-related concepts:
- JSON Example
- Axios for API Requests
- API Authentication
- REST APIs
- API Build (index.js)
A structured learning path for React.js:
- JSX Basics (Intro JSX, Babel, JSX attributes, expressions)
- React Components (Functional and class components)
- State & Hooks (useState, managing component state, event handling)
- Props & Mapping (Passing data via props, mapping arrays)
- ES6 Concepts (Destructuring, arrow functions, spread operator)
- React Forms & Event Handling
- Conditional Rendering
- React DevTools & Debugging
Contains a basic HTML cheat sheet with examples to quickly reference essential HTML tags and their usage.
- Frontend:
- HTML, CSS, JavaScript, React.js
- Backend:
- Node.js, Express.js
- Templating:
- EJS (Embedded JavaScript Templates)
- Data Handling:
- JSON, REST APIs
This project is open source and available under the MIT License.