English: (Scroll down for French)

Kids Learning Code: Webmaking with HTML & CSS

Quick Links

Preview Lead Instructor Notes: ladieslearningcode.github.io/klc-webmaking-with-html-css/notes-en.html

Preview Slides: ladieslearningcode.github.io/klc-webmaking-with-html-css/slides-en.html

Activity List: bit.ly/webmaking-activity-list

Additional Resources (Optional)

Unplugged Activities: bit.ly/unplugged-activities-doc

Youth Facilitator Handbook: bit.ly/youth-facilitator-handbook-doc

HOW TO USE:

Before the Workshop

1 Week to Go

• Download this folder.
• Read the Lead Instructor Notes for context (open in your browser).

3 Days to Go

• Select a Code-Along activity from the Activity List
• Practice going through the selected Code-Along and Work Session activities

2 Days To Go

• Update the slides (in a text editor, like atom.io):
  • Insert the network info (Slide 1)

1 Day to Go

• Print Lead Instructor Notes and STEPS Solution Sheets to bring to the workshop.

During the Workshop

• Have Notes accessible throughout the workshop, follow along in the Notes for support.
• Use the slides to support the Kick-Off and Introduction.

After the Workshop

• Give yourself a pat on the back - You did it!

ATTRIBUTIONS:

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.

Content by Kassandra Lenters & Eden Beronio. Slides Created by Christina Truong for Ladies Learning Code.

Email questions & comments to [email protected].

French:

Kids Learning Code: Créer des sites Web avec le HTML + CSS

Liens vers les ressources

Aperçu du Notes pour les enseignants : ladieslearningcode.github.io/klc-webmaking-with-html-css/notes-fr.html

Aperçu des diapositives : ladieslearningcode.github.io/klc-webmaking-with-html-css/slides-fr.html

Liste d'activités : bit.ly/liste-d-activités-web

Ressources supplémentaires (facultatives)

Activités hors ligne : bit.ly/activités-hors-ligne-doc

Guide pour les enseignants (jeunesse) : bit.ly/guide-pour-les-enseignants-doc

À FAIRE :

Avant l'atelier :

1 semaine avant l'atelier

• Téléchargez ce dossier.
• Lisez le Notes pour les enseignants pour avoir le contexte de l'atelier (ouvrez-le dans votre navigateur).

3 jours avant l'atelier

• Sélectionnez une activité de programmation en groupe dans la liste d'activités.
• Exercez-vous en réalisant l'activité en groupe sélectionnée et en faisant des séances de programmation.

2 jours avant l'atelier

• Mettez à jour les diapositives (dans un éditeur de texte comme atom.io):
  • Indiquez les informations concernant le réseau (diapositive 1)

La veille de l'atelier

• Imprimez le Notes pour les enseignants et le corrigé avec les étapes afin de les emmener à l'atelier.

Pendant l'atelier

• Ayez le Notes pour les enseignants à votre portée et consultez-le au fur et à mesure pour vous aider.
• Consultez les diapositives pour lire les notes de l’ouverture et de l’introduction.

Après l’atelier

• Donnez-vous une petite tape dans le dos : vous avez réussi!

ATTRIBUTIONS:

Cette œuvre est sous licence Attribution - Pas d’Utilisation Commerciale 4.0 International.

Contenu par Kassandra Lenters et Eden Beronio. Diapositives crées par Christina Truong pour Ladies Learning Code.

Envoyez vos questions et vos commentaires au : [email protected].