This class is for beginners - no programming experience required.
Animate your website!
There are 3 pillars to every successful website: HTML, CSS and JavaScript. These are the fundamental front-end pieces that makes an outstanding site tick. It's not enough to have just HTML and CSS. The visitors to your site want an engaging and interactive experience. JavaScript provides your users with the rich interactivity and responsiveness they expect of a modern website.
In this class, I will detail how to take a plain, vanilla site and then watch as it jumps to life as we liberally sprinkle generous amounts of JavaScript throughout. It's amazing, really, how much more responsive and engaging a site can become with a few lines of JavaScript.
The list of topics to be discussed in class:
- JavaScript
- jQuery
- Using HTML 5 with JavaScript
- Using CSS 3 with JavaScript
- Dynamically changing CSS styling
- Dynamically adding, moving or deleting HTML elements
- Playing Audio and Video
- Responding to Mouse and Keyboard events
- Code Separation
- Browser Tools
- Using the Debugger
- Working with multiple browsers
- Data Types
- Variables
- Boolean Logic
- Branching
- Looping
- Functions
- Events
- Timers
- JSON
- AJAX
- LocalStorage
- WebSockets
- Calling Web Services
- Document Object Model
Hands-On:
During the lecture, I will have lots on hands-on examples so that the material sticks. These will range from simple uses of JavaScript to more complex, full-featured web applications.
Material:
I will be providing PDFs that contain notes for the material to be covered. I do this so you can spend less time taking notes and more time with hands-on coding.
Prerequisites
You should have a modern laptop. You can use Windows, Mac or Linux. We will be using Google Chrome as the browser, so please install if you have not already. You also should have a generic text editor, as we will be writing HTML, CSS and JavaScript.
