An introduction to Frontend

Welcome to An introduction to Frontend, a learning resource designed to get you started with the fundamentals of frontend development.

In 2017, I developed and delivered a course tailored as an introductory program on frontend development specifically designed for backend developers and interns at Sopra Steria.

The course slides are available for reference here:

What will you learn?

The course covers various topics to equip you with a solid foundation in frontend development, including:

Building basic web pages with HTML and applying styles with CSS.
Learning the fundamentals of JavaScript and DOM manipulation to make your webpages interactive.
Understanding the benefits of using tools like:
- NPM (Node Package Manager): A tool for managing code dependencies in your projects.
- Parcel: It combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application.
- Sass: A CSS preprocessor that extend the capabilities of CSS for writing cleaner and more maintainable styles.

Getting started

To get started, you'll need a text editor or IDE (Integrated Development Environment) for writing code. Popular options include Visual Studio Code, Sublime Text, or Atom. Once you have a code editor, follow these steps:

git clone https://github.com/marcomontalbano/an-introduction-to-frontend.git

npm install

npm start
# http://localhost:1234

You can find the final result here: https://marcomontalbano.com/an-introduction-to-frontend