Contenu

• C1: Introduction

  • Eleyes_trailer

  • chbich ta9ra fil cours hedha?

  • Chniya l'Internet? (1)

  • Chniya l'Internet? (2)

  • Chneya el Web?

  • Chniya site web?

  • Chnouma les technologies Web?

  • Chnouma el khdem fil Web?

  • Structure mta3 un projet Web

  • Kifeh nista3mil les technologies Web? (éditeurs de code)

• C2: HTML

  • Chniya html?

  • Kifeh nzid des textes fil site te3i ?

  • Kifeh nzid des listes fil site te3i?

  • Kifeh nzid des images fil site te3i?

  • Kmela ta3 images w kifeh nadhim akthir site te3i

  • Nikhdmou awil mini projet HTML !

  • Solution ta3 il mini projet (mat7ayilch w titfarij fi hedha 9bal)

  • Kifeh nzid sout w ghne fil site te3i?

  • Kifeh nzid vidéos lil site te3i?

  • Fazet okhrin karik ta3rafhom min taw bich khdimtik tkoun kemla

  • Kifeh nzid des liens lil site te3i?

  • Kifeh na3mel site fih barcha paget?

  • Kifeh na3mel formulaire fil site te3i?

  • Idee de projet nsakrou beha il HTML

• C3: CSS

  • Chniya CSS?

  • Kifeh niktib CSS te3i fi fichier wa7dou?

  • Kifeh nzayen des éléments mou3aynin?

  • Kifeh na3mel des bordures 3al les éléments HTML te3i?

  • Kifeh nzayen les textes te3i?

  • Kifeh nzayen il background ta3 site te3i?

  • Kifeh na3mel des animations basiques?

  • Chniya il Box Model w 3lech howa mouhim?

  • Chnaw il Display w 3lech howa yosla7 w mogleg fard wakt?

  • Anwe3 il Display w 3lech lezim na3mlou fichier CSS 3ala kol page HTML

  • nit3arfou 3al margin

  • IL CSS wa7dou moght, haw bich n3arafkom 3ala 7aja tayara t3awina

  • Chniya Il Div w 3lech hiya tayara

  • CSS fil div w a

  • tourou9 okhrin bich ta3mel des liens

  • Nzidou nzaynou il page projets w nsal7ou mochkil isir m3al tsawir

  • Kifeh na3mel des animations plus avancés?

  • Chniya il Padding w lweh yosla7?

  • Kifeh tnadhif projet te3ik w trodou professionel w ashil khidma bih.

  • Nrakzou akthir m3al margin

  • Barcha divet fi wist b3athhom (1)

  • Barcha divet fi wist b3athhom (2) w idées de projet CSS

• C4: Bootstrap

  • Chniya Bootstrap?

  • Tari9a makhir bich n'importi Bootstrap (wala ay librairie)

  • Chniya Snippeting w awil snippets

  • Nraw Snippets okhrin mizyenin (progress bar & modal)

  • Snippets okhrin (Menu w barcha ajwe2 7afali)

  • Chniya il responsive design wa3lech famech web maghirou

  • Chniya il Grid system w kifeh i3awina na3mlou responsive design

  • na3mlou projet responsive part 1 (structure)

  • na3mlou projet responsive part2 (container w container-fluid)

  • na3mlou projet responsive part 3 (row w col)

  • na3mlou projet responsive part 4 (nhilou mechekil images w na3mlou espaces ferghin)

  • na3mlou projet responsive part 5 (nibdew nrodouh responsive)

  • na3mlou projet responsive part 6 (nkamlou nrodouh responsive)

  • na3mlou projet responsive part 7 (tandhifa sghira)

  • na3mlou projet responsive part 8 (wakteli bootstrap i3awnikch w ta3mel @media like a boss )

  • nihyeit bootstrap w idées de projets ta3mlouhom

• C5: Github & hébergement

  • Chniya github w lweh nist7a9oulou?

  • Kifeh n7ot projet 3al Github?

  • Kifeh n'hébergi site te3i 3ala github?