Hey! Welcome to learning JavaScript and jQuery in just 2 weeks! JavaScript is exciting and you can do a lot with it – interaction, animation, HTML and CSS manipulation, as well as server-side programming.
During these 2 weeks, I’ll take you from zero to yellow-belt level in JavaScript! We’ll be launching rockets and making our own accordion – one fun, the other functional – but both projects will teach you a bunch about the world of JavaScript.
You’ll be taken through the basics of writing your own code, what all the dots, dashes, brackets and little things mean, learn how to get your code online for others to see, and how to make real things.
I’ll give you milestones to reach. I’ll give you support. And by the end of it you’ll have created 2 projects that you brag about and show your mom and geeky friends. After the workshop you’ll be able to start imagining and coding your own interactive masterpieces!
You don't need any prior JavaScript experience, but you will need a little HTML, CSS, and web building experience! And a computer with an internet connection :)
MILESTONES:
–– Milestone 1: Get setup - due April 26.
Assignment: Watch videos 1 through 4. Install Google Chrome, Github, and Sublime Text 3 (or another code editor of your choice). Write some simple JavaScript. Commit your first bit of JavaScript to Github!
Deliverable: Post a link to your js-rocket folder on Github! Mine would be http://mrra-screencast.github.io/js-rocket/ for an example – but this is the finished version.
–– Milestone 2: JS theory – due April 28.
Assignment: Watch videos 5 through 9 (What is JavaScript?? to The if-else statement). These videos will introduce you to a few core JavaScript principles and how to write your own code. Follow along and write your own code in the console of your website.
If you have any questions, ask away! And if it relates to your code, make sure to sync it with Github and share the public URL.
Deliverable: Share what aspects of JavaScript seem fun, and what seem daunting in your Project Gallery or on the discussion page!
–– Milestone 3: Write your own JavaScript – due April 30.
Assignment: Watch video 10 and 11 (Write some basic JavaScript and Start playing around with CSS and JS!!). Write your own JavaScript, play around with it, and then sync to Github!
Deliverable: Share your URL again and how your first bit of JavaScript coding went in the Project Gallery!
–– Milestone 4: Launch a rocket planning and shell – due May 2.
Assignment: Watch videos 12 and 13 (Planning first and Let's write the basic HTML and CSS for our rocket). Follow along. Write your own code.
Deliverable: Share an image of your planning in your Project Gallery and what your basic rocket page structure looks like (take a screenshot).
–– Milestone 5: Writing the JavaScript for your rocket – due May 3.
Assignment: Watch video 14 (Let's add the JavaScript for our rocket). Follow along. Write your own code. Sync to Github!
Deliverable: Share your public rocket.html link in your Project Gallery and on the Workshop discussion page!
–– Milestone 6: Make your rocket look pretty – due May 4.
Assignment: Watch video 16 (And now we make the rocket look pretty!!). Decide how you want your rocket to look. Do some design. Draw your own things. And then make it a reality! Have fun. Personalise it. When you’re done, sync to Github! And then fist pump the air and have a party!
Deliverable: Share your final rocket.html link in your Project Gallery and on the Workshop discussion page! Whoop for you!
–– Milestone 7: jQuery intro – due May 5.
Assignment: Watch videos 1 through 4 (An Introduction to an Introduction to First Steps)
–– Milestone 8: jQuery Theory – due May 10.
Assignment: Watch video 5 through 9 (jQuery Selectors to jQuery animation)
Deliverable: Share how you’re finding jQuery compared to normal/vanilla JavaScript in your Project Gallery and on the discussion page!
–– Milestone 9: Build your accordion – due May 12.
Assignment: Watch video 10 and 11 (Build Your Own Accordion and Share It!). Follow along. Write your own code. Sync to Github or use Shape to upload it. Test to see that all works :) And then high-five yourself or someone nearby!
Deliverable: Share a public link to your accordion in your Project Gallery and on the Workshop discussion page! Mine would be http://mrraaccordion.useshape.com/
FAQS:
- Is this session for beginners? Yes. But it would be better if you understood some HTML and CSS.
- How long do I need to provision per day? About 30-60 mins max! Some days maybe 10-20 will be enough.
- Do I need a Mac? Nope. PC will be fine!
- Can I ask stupid questions? Yes. Please do.
- My code isn’t working. What should I do? Upload it to your Github account, and post a link on the discussions page, and we’ll see what’s going wrong.
- Will I feel like Neo after the session? Maybe. Maybe a ninja. Maybe a hacker. It varies for every person.
- What if I don’t finish? All will be okay. This a merely a guideline anyway.
Hey! Welcome to learning JavaScript and jQuery in just 2 weeks! JavaScript is exciting and you can do a lot with it – interaction, animation, HTML and CSS manipulation, as well as server-side programming.
During these 2 weeks, I’ll take you from zero to yellow-belt level in JavaScript! We’ll be launching rockets and making our own accordion – one fun, the other functional – but both projects will teach you a bunch about the world of JavaScript.
You’ll be taken through the basics of writing your own code, what all the dots, dashes, brackets and little things mean, learn how to get your code online for others to see, and how to make real things.
I’ll give you milestones to reach. I’ll give you support. And by the end of it you’ll have created 2 projects that you brag about and show your mom and geeky friends. After the workshop you’ll be able to start imagining and coding your own interactive masterpieces!
You don't need any prior JavaScript experience, but you will need a little HTML, CSS, and web building experience! And a computer with an internet connection :)
MILESTONES:
–– Milestone 1: Get setup - due April 26.
Assignment: Watch videos 1 through 4. Install Google Chrome, Github, and Sublime Text 3 (or another code editor of your choice). Write some simple JavaScript. Commit your first bit of JavaScript to Github!
Deliverable: Post a link to your js-rocket folder on Github! Mine would be http://mrra-screencast.github.io/js-rocket/ for an example – but this is the finished version.
–– Milestone 2: JS theory – due April 28.
Assignment: Watch videos 5 through 9 (What is JavaScript?? to The if-else statement). These videos will introduce you to a few core JavaScript principles and how to write your own code. Follow along and write your own code in the console of your website.
If you have any questions, ask away! And if it relates to your code, make sure to sync it with Github and share the public URL.
Deliverable: Share what aspects of JavaScript seem fun, and what seem daunting in your Project Gallery or on the discussion page!
–– Milestone 3: Write your own JavaScript – due April 30.
Assignment: Watch video 10 and 11 (Write some basic JavaScript and Start playing around with CSS and JS!!). Write your own JavaScript, play around with it, and then sync to Github!
Deliverable: Share your URL again and how your first bit of JavaScript coding went in the Project Gallery!
–– Milestone 4: Launch a rocket planning and shell – due May 2.
Assignment: Watch videos 12 and 13 (Planning first and Let's write the basic HTML and CSS for our rocket). Follow along. Write your own code.
Deliverable: Share an image of your planning in your Project Gallery and what your basic rocket page structure looks like (take a screenshot).
–– Milestone 5: Writing the JavaScript for your rocket – due May 3.
Assignment: Watch video 14 (Let's add the JavaScript for our rocket). Follow along. Write your own code. Sync to Github!
Deliverable: Share your public rocket.html link in your Project Gallery and on the Workshop discussion page!
–– Milestone 6: Make your rocket look pretty – due May 4.
Assignment: Watch video 16 (And now we make the rocket look pretty!!). Decide how you want your rocket to look. Do some design. Draw your own things. And then make it a reality! Have fun. Personalise it. When you’re done, sync to Github! And then fist pump the air and have a party!
Deliverable: Share your final rocket.html link in your Project Gallery and on the Workshop discussion page! Whoop for you!
–– Milestone 7: jQuery intro – due May 5.
Assignment: Watch videos 1 through 4 (An Introduction to an Introduction to First Steps)
–– Milestone 8: jQuery Theory – due May 10.
Assignment: Watch video 5 through 9 (jQuery Selectors to jQuery animation)
Deliverable: Share how you’re finding jQuery compared to normal/vanilla JavaScript in your Project Gallery and on the discussion page!
–– Milestone 9: Build your accordion – due May 12.
Assignment: Watch video 10 and 11 (Build Your Own Accordion and Share It!). Follow along. Write your own code. Sync to Github or use Shape to upload it. Test to see that all works :) And then high-five yourself or someone nearby!
Deliverable: Share a public link to your accordion in your Project Gallery and on the Workshop discussion page! Mine would be http://mrraaccordion.useshape.com/
FAQS:
- Is this session for beginners? Yes. But it would be better if you understood some HTML and CSS.
- How long do I need to provision per day? About 30-60 mins max! Some days maybe 10-20 will be enough.
- Do I need a Mac? Nope. PC will be fine!
- Can I ask stupid questions? Yes. Please do.
- My code isn’t working. What should I do? Upload it to your Github account, and post a link on the discussions page, and we’ll see what’s going wrong.
- Will I feel like Neo after the session? Maybe. Maybe a ninja. Maybe a hacker. It varies for every person.
- What if I don’t finish? All will be okay. This a merely a guideline anyway.