Target audience
Curious people willing a gentle introduction to (front-end) web development.
Goals
Create a beautiful landing page for your project, company, laboratory, [you name it]. That means:
- Learn the basics of HTML5
- Make things pretty with CSS3
- Design dynamic pages with a bit of JavaScript (JQuery and pure JS)
- Learn to use a front-end framework like Twitter Bootstrap (4)
Prerequisites
It is advised to be comfortable with Git, but it is not mandatory. You can read the Git 101 training session material to get ready prior to this session.
Training plan
Day 1
- A non boring introduction to
<html />
- Make beautiful and dynamic pages with CSS
- Setup a front-end stack (
NodeJS
/npm
/Bootstrap
) - Introduction to CSS pre-processors with Sass
- Responsive web design (mobile first)
Day 2
- A short introduction to JavaScript
- Setup continuous integration/deployment for your page
- Deploy a GitLab/GitHub page