Skip to content

Latest commit

 

History

234 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Front-End Development - Fundamentals

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:

  1. Systems programming using core front-end technologies.
  2. User-friendly interface design.
  3. 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:

  1. Clone the repository: git clone https://github.com/ailton-santos/Front_End_Fundamentals.git
  2. Navigate to a specific folder: cd Folder_Name
  3. 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

About

Comprehensive collection of Front-End projects, from core fundamentals (HTML5, CSS3, JS) to modern React applications. Includes a student contribution guide and practical sprint challenges.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages