Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/clementmadiot/freecodecamp_frontend-libraries

Formation FreeCodeCamp : Front End Development Libraries Certification
https://github.com/clementmadiot/freecodecamp_frontend-libraries

Last synced: 12 days ago
JSON representation

Formation FreeCodeCamp : Front End Development Libraries Certification

Awesome Lists containing this project

README

        



Certification

Front End Development Libraries


##
📋 Summary

- ✨ [Introduction](#introduction)
- 🎓 [Projects](#projects)
- 📚 [Courses](#courses)

##
✨ Introduction

Now that you're familiar with HTML, CSS, and JavaScript, level up your skills by learning some of the most popular front end libraries in the industry.

In the Front End Development Libraries Certification, you'll learn how to style your site quickly with Bootstrap. You'll also learn how to add logic to your CSS styles and extend them with Sass.

Later, I'll build a shopping cart and other applications to learn how to create powerful Single Page Applications (SPAs) with React and Redux.

##
🎓 Projects
- [x] [1_Random_Quotes](./Projects/1_Random_Quotes)
- [x] [2_Markdown_Previewer](./Projects/2_Markdown_Previewer)
- [x] [3_Drum_Machine](./Projects/3_Drum_Machine)
- [x] [4_Calculator](./Projects/4_Calculator)
- [x] [5_25_+_5_Clock](./Projects/5_25_+_5_Clock)

##
📚 Courses

- [x] [Bootstrap](#bootstrap)
- [x] [JQuery](#JQuery)
- [x] [Sass](#Sass)
- [x] [React](#React)
- [x] [Redux](#Redux)
- [x] [React_and_Redux](#React_and_Redux)

###
Bootstrap

> Bootstrap is a front end framework used to design responsive web pages and applications. It takes a mobile-first approach to web development, and includes pre-built CSS styles and classes, plus some JavaScript functionality.

> [!NOTE]
> In this course, I learn how to build responsive websites with Bootstrap, and use its included classes to style buttons, images, forms, navigation, and other common elements.

###
JQuery

> jQuery is one of the most widely used JavaScript libraries in the world.

> In 2006 when it was released, all major browsers handled JavaScript slightly differently. jQuery simplified the process of writing client-side JavaScript, and also ensured that your code worked the same way in all browsers.

> [!NOTE]
> In this course, I learn how to use jQuery to select, remove, clone, and modify different elements on the page.

###
Sass

> Sass, or "Syntactically Awesome StyleSheets", is a language extension of CSS. It adds features that aren't available in basic CSS, which make it easier for you to simplify and maintain the style sheets for your projects.

> [!NOTE]
> In this Sass course, I learn how to store data in variables, nest CSS, create reusable styles with mixins, add logic and loops to your styles, and more.

###
React

> React is a popular JavaScript library for building reusable, component-driven user interfaces for web pages or applications.

> React combines HTML with JavaScript functionality into its own markup language called JSX. React also makes it easy to manage the flow of data throughout the application.

> [!NOTE]
> In this course, I learn how to create different React components, manage data in the form of state props, use different lifecycle methods like componentDidMount, and much more.

###
Redux

> As applications grow in size and scope, managing shared data becomes much more difficult. Redux is defined as a "predictable state container for JavaScript apps" that helps ensure your apps work predictably, and are easier to test.

> While you can use Redux with any view library, we introduce Redux here before combining it with React in the next set of courses.

> [!NOTE]
> In this course, I learn the fundamentals of Redux stores, actions, reducers and middleware to manage data throughout your application.

###
React and Redux

> React and Redux are often mentioned together, and with good reason. The developer who created Redux was a React developer who wanted to make it easier to share data across different components.

> [!NOTE]
> Now that you know how to manage the flow of shared data with Redux, it's time to combine that knowledge with React. In the React and Redux courses, you'll build a React component and learn how to manage state locally at the component level, and throughout the entire application with Redux.