During the workshop we will create a landing page in HTML and CSS from scratch.
The page will be responsive and developed mobile-first (start for smartphone and then adapt to desktop). We will use no CSS frameworks such as Bootstrap; nothing against frameworks for themselves, but we are persuaded that before taking the easy way you should know how things work for real. Then, once you know how things work you can make your choices.
If you have never tried coding before, it's OK, we'll start from scratch. If you can, we recommend you to get into FreeCodeCamp and practice some HTML&CSS before coming. This is not compulsory, but will help you in understanding better what we'll be doing together and making our time together more effective. If you can, dedicate some hours to FreeCodeCamp.
Have a look to what we do: Turn into Coders
You can download the slides that we use in this workshop.
We have developed two landing page examples, that you can check:
- Present a mobile app, with links to the stores
- Present YouTube video of a music band, with a subscribe form
- Present YouTube video of a music band with JS, with a subscribe form, with a sprinkle of JavaScript on top
- Book a room, in a cabin in the middle of a snowy forest
You can make your own landing page, or if you need a couple of ideas for you to practice, pick one of the following:
- Google (but responsive)
- Sell via PayPal one thing
- Launch an event, with form to subscribe
- Download a nice PDF
- Launching soon a website, leave email for updates
- New recipe with nice pictures
- Form with video background
If you need help, or if you just want to share your work, please join us at our weekly event Coding for everyone, or online in our chat.