Bringing JavaScript to the web - adding HTML-Introducing Javascript and HTML for web programming
Introduction
()
Welcome to Course 3
Javascript, HTML and the web: the basics
Exploring the basics of HTML
()
Connecting JavaScript to the HTML
Changing the content of the page from JavaScript (ppt written, need to record)
()
A series of practice exercises
Bringing JavaScript to the web - adding HTML-Transferring graphical skills from Turtle to HTML pages
Transferring your learning: graphics
Using HTML 5 commands for drawing with JavaScript (PPT ready - need to video)
()
Practice exercises on creating graphics
Bringing JavaScript to the web - adding HTML-Adding interaction to your webpage
How interaction works in a web app
Seeing how to interact using HTML and SVG
()
Practise adding interaction to a web app
Developing Interactive Web Apps-Input using HTML
Extending the interactivity of our programs
Adding input elements into our web app
()
Reviewing what we saw and learned in the video
Practice exercises - extending the simulation
Reflecting on your capabilities
Developing Interactive Web Apps-Taking our animations further
Extending what we can animate
Objects following paths and object creation/deletion - PPT created
()
Practice exercises - checking understanding and extending the animation
Developing Interactive Web Apps-Now it's your turn
Making your own thing - guided!
Exercise: building your own application
Reviewing progress so far
Scaling Up-Experts and Environments
Advantages and Disadvantages of Different Coding Environments
Favourite Coding Environments
()
Scaling Up-Timing and Tunes
Music with JavaScript
()
Using the Tone.js Library
Time in JavaScript Programs
Scaling Up-Communication and Callbacks
About websockets
Node.js for server code
Building a Software Project-Planning your Project
Project motivation
Some project ideas
Building a Software Project-Implementing your Project
Time to work