React, NodeJS, Express & MongoDB - The MERN Fullstack Guide
Built and deployed a mock-up of a web hosting website.
Check it out: https://phfa26.github.io/CSS-the-complete-guide__course/
Code
-
This is a code along project. Therefore, not planned by me.
-
You can build the same project doing the course and coding along with it. Just hit the link below, buy the course and have fun!
-
https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/
Course by: Academind
https://academind.com/
Topics covered in the course
Building a responsive mock-up website with only a few pages, but covering all the modern CSS features.
Basics
- CSS Selectors & combinators;
- CSS Properties;
- CSS Shorthands;
- Styling and ositioning elements.
Advanced
- Styling backgrounds and images;
- Color gradients;
- SVG - Basics of working with it;
- CSS sizes and units;
- CSS with JavaScript;
- Responsive design;
- Mobile first development;
- Text fonts and fonts families.
Expert
- Flexbox;
- CSS Grid;
- CSS Transform;
- CSS Animations;
- CSS Transitions;
- CSS Variables;
- Introductions to SASS;
- Writing future-proof CSS;
- Cross-browser compability;
- CSS class naming.
Tech-stack
This app was buit with
- CSS;
- HTML;
- A bit of vanilla JavaScript.
Deployment
- Hosted on GitHub Pages.
Screenshots:
