This repository is a comprehensive collection of journey through Front-End development, covering everything from core fundamentals (HTML5, CSS3, JavaScript) to modern framework implementations with React JS, basis for students in professional standards of the SENAI Front-End Developer certification, focusing on usability, accessibility and clean code.
Technical Skills & Features
Modern Web with React JS
- Component-Based Architecture: Building reusable and scalable UI components.
- State Management: Using
useState, useEffect, and Props for dynamic data flow.
- Modern Tooling: Experience with Vite, NPM, and Styled Components/Tailwind.
JavaScript (ES6+) & DOM Manipulation
- Async Programming: Handling APIs and asynchronous operations.
- Event Handling: Creating interactive interfaces with optimized event listeners.
- Logic: Implementation of complex algorithms for front-end systems.
Styling & Layout
- Responsive Design: Mobile-first approach using Flexbox and CSS Grid.
- Best Practices: Semantic HTML5 for SEO and accessibility (WCAG).
Tech Stack
- Language: JavaScript (ES6+), HTML5, CSS3.
- Frameworks/Libraries: React JS, Bootstrap
- Environment: VS Code, Git/GitHub, Chrome DevTools.
Learning Path
This repository covers:
- Systems programming using core front-end technologies.
- User-friendly interface design.
- Compliance with technical requirements, quality standards, and sustainability.
How to contribute your project?
If you are a student, follow these steps to add your project to the repository:
- Clone the repository:
git clone https://github.com/ailton-santos/Front_End_Fundamentals.git
- Navigate to a specific folder:
cd Folder_Name
- Open
index.html or run npm install && npm dev for React projects.
Classes and Projects
Select your class folder to explore the individual repositories:
| Class | Description | Link |
|---|
| 2501TG | Class 2501 Projects | Explore |
| 2601TG | Class 2601 Projects | Explore |
This repository is for educational purposes