Front-end Learning Repository

A comprehensive repository for practicing front-end development skills with various frameworks and libraries including Angular, React, Vue.js, and vanilla JavaScript.

🎯 Purpose

This repository serves as a learning playground for front-end developers to:

• Practice with different JavaScript frameworks
• Explore modern front-end development patterns
• Build sample projects and components
• Learn best practices for front-end development

📁 Project Structure

/
├── angular/          # Angular projects and examples
├── react/           # React projects and examples
├── vanilla-js/      # Pure JavaScript projects
├── vue/             # Vue.js projects (future)
├── docs/            # Documentation and learning resources
└── shared/          # Shared utilities and components

🚀 Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn package manager
• Git

Installation

1. Clone the repository:

git clone https://github.com/dfcruza/Front-end-learning.git
cd Front-end-learning

2. Install dependencies:

npm install

3. Navigate to any framework folder and follow the specific setup instructions.

🔧 Available Frameworks

Angular

• Location: ./angular/
• Modern Angular applications with TypeScript
• Component-based architecture examples
• Service and dependency injection patterns

React

• Location: ./react/
• React applications with hooks and functional components
• State management examples
• Modern React patterns and best practices

Vanilla JavaScript

• Location: ./vanilla-js/
• Pure JavaScript projects without frameworks
• DOM manipulation examples
• ES6+ features and modern JavaScript

📚 Learning Resources

• Angular Documentation
• React Documentation
• MDN Web Docs
• JavaScript.info

🤝 Contributing

Feel free to add new examples, improve existing code, or suggest new frameworks to explore!

📄 License

This project is open source and available under the MIT License.