https://github.com/asrieldreemurrgm/es6_practice

A JavaScript practice project that filters students with a grade ≥ 6 using ES6+ features. Includes Babel setup for compilation and modern syntax support.
https://github.com/asrieldreemurrgm/es6_practice

array array-methods arrow-functions babel babel-cli babel-plugin babel-preset-env class es6 filter javascript map

Last synced: about 1 month ago
JSON representation

A JavaScript practice project that filters students with a grade ≥ 6 using ES6+ features. Includes Babel setup for compilation and modern syntax support.

• Host: GitHub
• URL: https://github.com/asrieldreemurrgm/es6_practice
• Owner: AsrielDreemurrGM
• Created: 2024-10-28T13:37:30.000Z (over 1 year ago)
• Default Branch: exercicio_es6
• Last Pushed: 2025-08-06T00:23:22.000Z (10 months ago)
• Last Synced: 2025-08-06T02:31:10.281Z (10 months ago)
• Topics: array, array-methods, arrow-functions, babel, babel-cli, babel-plugin, babel-preset-env, class, es6, filter, javascript, map
• Language: JavaScript
• Homepage:
• Size: 23.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
ES6 Practice

Este README também está disponível em Português.



  This project was developed to practice modern JavaScript (ES6+) by implementing a student filter.

  It uses classes, array methods, and arrow functions to filter students with grades greater than or equal to 6.

  Babel is configured to transpile the code for browser compatibility using the @babel/preset-env.



🚀 Features



  
Defines a class to represent student name and grade;

  
Uses map() to transform raw objects into class instances;

  
Filters students based on minimum grade using filter();

  
Uses arrow functions and other ES6 syntax elements;

  
Code is transpiled using Babel for wider browser support;

  


watch mode enabled via Babel CLI for development ease.



🧠 What Was Learned



  
Creating and using ES6 classes and constructors;

  
Transforming and filtering arrays using map() and filter();

  
Using arrow functions for concise syntax;

  
Setting up and configuring Babel with @babel/cli and @babel/preset-env;

  
Writing modern JavaScript that compiles for broader browser compatibility.



🛠️ Technologies Used



  
JavaScript (ES6+)

  
Babel CLI

  
Babel Preset Env

  
Node.js (NPM)



📜 Commit Summary



  
Initialized project with Babel configuration and scripts;

  
Created a constructor class to represent students and grades;

  
Used map and filter to process student data;

  
Added comments and organized logic for readability and maintainability.