Starting Web Development

Hello! Joy is my name, and I am a Software Engineer @joyadauche

What is the web really? How does the internet work?

So? What happens when I type google.com or any other url/uri

Enough Talk! Let us dive into HTML https://github.com/joymichs/daad-web-dev-workshop/tree/html

Let us give style to HTML using CSS https://github.com/joymichs/daad-web-dev-workshop/tree/css

Some Web design/development principles

  • Font-sizes between 15 and 20 px. - Line-spacing between 120% and 150% - Choose good looking fonts: Google fonts

  • When you put text directly on images: - Overlay the image - Blur the image

  • Use icons to list features and steps

  • Put whitespace between your: - elements - groups of elements - website’s section

Responsive Layouts and then CSS Flexbox Demo Source: peter sommerhoff

Flex-Containers Flex-items flex-direction justify-content align-items flex-wrap order align-self flex-grow flex-shrink flex-basis

Let us build a website from scratch

Small Talks

Thank You @joyadauche