FRONT-END DEVELOPMENT
FRONT-END development
What is visible by the users
Website elements that
we can see / we can interact with
front-end DEVELOPMENT
The practice of producing
HTML
CSS
JavaScript
HTML
(Hyper Text Markup Language)
Language composed of tags
Skeleton of web pages
CSS
(Cascading Style Sheets)
Language for « shaping » / decorating web pages
Responsible for layouts, fonts, colors, sizes, ...
JavaScript
Programming language
Dynamism, interactivity, logic, ...
Now...
Front-End development is (often) all about JavaScript
Development practices
Modern tooling
Frameworks
Development practices
Architecture
Automated Testing
Design Patterns
...
Modern Tooling
node / npm / yarn
ESLint / Prettier
Webpack
...
TypeScript (superset of JS)
Frameworks
A bundle of JavaScript code to help build website / app faster
🧰 TOOLBOX 🛠️
Frameworks
Single Page Applications
Frameworks
⚠️
Vanilla JS is not a framework
⚠️
What is Front-End Development?
By Nicolas Payot
