Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/getange/jitu-javascript-tutorial


https://github.com/getange/jitu-javascript-tutorial

Last synced: 8 days ago
JSON representation

Awesome Lists containing this project

README

        

# Weekly Report (Week between: 06/9/2024 -20/9/2024) πŸš€

## Overview πŸ“š
This week’s training was focused on deepening my understanding of **JavaScript** πŸ–₯️ and sharpening my **communication skills** πŸ—£οΈ. The sessions were productive, allowing me to grasp various JS concepts like **strings**, **functions**, and **version control**. Additionally, there was a strong emphasis on understanding **client objectives** 🎯 and communicating effectively in challenging projects.

---
## Projects Done 🌴
## Shopping Cart Application

This project is a simple shopping cart application built with **HTML**, **CSS**, and **JavaScript**. It allows users to:

- Add products to their cart.
- Modify product quantities.
- Edit product details directly within the cart.
- Remove items from the cart.

Key features include dynamic product rendering, real-time quantity management, price calculation updates, and an intuitive interface for user interaction. This project demonstrates fundamental **DOM manipulation** techniques and provides a seamless shopping experience.
## Project 1
![Screenshot from 2024-09-22 11-06-05](https://github.com/user-attachments/assets/ac8e64d4-9813-4979-9c88-bd5ee0dd042e)

## Project 2
![Screenshot from 2024-09-22 12-35-49](https://github.com/user-attachments/assets/2f3a9d52-80ca-4244-abc9-42b997f9c5cf)

## Progress and Learnings ✨

### Monday πŸ› οΈ
I was introduced to **JavaScript**, including tools like the browser console, and learned about the evolution and standards of the language.
- **New Skills Learned**: How to effectively use tools that run JavaScript and work with the browser console 🧰.

### Tuesday πŸ”
We explored **strings** and **Boolean** variables. I dived into methods like `reverse()`, `include()`, and `indexOf()`.
- **New Skills Learned**: Proficiency in declaring variables and working with strings in JavaScript πŸ’‘.

### Wednesday πŸ”„
I focused on **version control** using Git. I learned about `git pull`, commits, branches, and explored **iterators**, **functions**, **objects**, and **for loops**.
- **New Skills Learned**: Confidence with `for...of` and `for...in` loops, and resolving **Git merge conflicts** ⚑.

### Thursday 🧠
The focus was on **JavaScript functions** and understanding LIFO (Last In, First Out) operations. I explored different types of functions and how they segment code.
- **New Skills Learned**: Using functions efficiently to manage code and access object properties 🧩.

### Friday πŸ’¬
The day centered around **communication skills** and how to better understand **client objectives**. I also practiced addressing project limitations in a professional and positive manner.
- **New Skills Learned**: Enhanced communication skills, particularly in handling client expectations and project management 🎯.

### Saturday πŸ”§
I reviewed **JavaScript DOM manipulation** and practiced the week’s concepts. Additionally, I updated my README file to document my progress.
- **New Skills Learned**: Improved DOM manipulation and **version control** best practices πŸ“˜.

---

## Challenges πŸ˜…

- **Mastering string methods** like `reverse()` and `include()` in real-world applications was challenging at first.
- **Resolving Git merge conflicts** was tricky but improved with practice πŸ”„.
- **Communicating in simulated client interactions**, particularly with unrealistic requests, tested my patience and adaptability, but it was a valuable growth experience 🌱.

---

## How the Week Improved Me πŸ‹οΈ

This week’s training boosted both my **technical** and **communication** skills. I now feel more confident working with JavaScript, especially around **functions**, **strings**, and **version control** πŸ§‘β€πŸ’». The communication exercises prepared me to better handle client interactions, especially in situations where expectations don’t align with project limitations 🎯.

I look forward to applying these learnings in more complex projects and continuing to improve both **technically** and in client interactions πŸ’ͺ.