Week 4 - Javascript 1

Workshop Applicatieontwikkeling

Javascript
1 / 13
next
Slide 1: Slide
InformaticaMiddelbare schoolvmbo b, kLeerjaar 3

This lesson contains 13 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 45 min

Items in this lesson

Workshop Applicatieontwikkeling

Javascript

Slide 1 - Slide

Conditions
  1. Take of your coats
  2. Phones and headphones tucked away
  3. Face and body toward the front
  4. Be quite, please

Slide 2 - Slide

This lesson...
  • Starting together
  • Ending Python
  • Javascript introduction
  • Lightbulb
  • Drawing with javascript
  • Ending together

    Slide 3 - Slide

    Goals
    1. You can make a working lightbulb in javascript
    2. You can draw and colour in javascript

      Slide 4 - Slide

      Javascript
        • Scriptingtaal
        • Maken van toepassingen voor websites
        • Cliëntside-javascript & Serverside-javascript

        Slide 5 - Slide

        Wat we gaan maken

        Slide 6 - Slide

        Lightbulb
        • Open dreamweaver
        • Download the images from ithotspotgg.weebly.com
        • Write the code on the screen
        • Check the workings

          Slide 7 - Slide

          Wrong code
          • Break the code by making a deliberate error
          • Send the code to the student next to you
          • Try to track the fault and correct it


          *TIP: Send by Magister

            Slide 8 - Slide

            Drawing and coloring in JS
            • Have Khan Academy open
            • Walk through the lesson drawing and coloring
            • By yourself, aid eachother when needed
            • ? --> Put a finger up
            • Done? Next lesson!
              timer
              30:00

              Slide 9 - Slide

              Goals
              1. You can make a working lightbulb in javascript
              2. You can draw and colour in javascript

                Slide 10 - Slide

                Can you make a lightbulb?
                A
                Yes
                B
                No

                Slide 11 - Quiz

                Can you draw and color in JS?
                A
                Yes
                B
                No

                Slide 12 - Quiz

                Slide 13 - Slide