Blog

20+ Javascript Resources for High School Students

20+ Javascript Resources

20+ Javascript Resources

What’s the Output – Javascript Lesson Activity (Only $4.00!!!) available at my TeachersPayTeachers store. Excellent addition to your Javascript unit! https://www.teacherspayteachers.com/Product/Whats-the-Output-Javascript-2928479

20+ Javascript resources to use with high school students. Here are just a few of the Javascript resources I have used with my Programming students:

  1. Great tutorial and higher level exercises: http://www.teaching-materials.org/javascript/
  2. Book, “Eloquent JavaScript”: http://eloquentjavascript.net/
  3. JavaScript Guide (Mozilla Developer Network): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
  4. W3Schools Javascript Tutorial: https://www.w3schools.com/js/
  5. JavaScript Examples: http://www.w3schools.com/js/js_examples.asp
  6. JavaScript 101 (slides w/resources, some broken links): http://cathylill.net/courses/js101/
  7. Javascript for Beginners: http://girldevelopit.github.io/gdi-featured-js-intro/class1.html#/
  8. Introduction to JavaScript: https://www.girldevelopit.com/materials/intro-js
  9. Crunchzilla: Code Maven–http://www.crunchzilla.com/code-maven
  10. Crunchzilla: Game Maven–http://www.crunchzilla.com/game-maven
  11. SOLO Learn Javascript Tutorial (and App!)–https://www.sololearn.com/Course/JavaScript/
  12. Code.org App Lab–https://code.org/educate/applab
  13. Khanacademy JS: Intro to Drawing and Animation–https://www.khanacademy.org/computing/computer-programming/programming
  14. Khanacademy JS: Games and Simuations–https://www.khanacademy.org/computing/computer-programming/programming-games-visualizations
  15. Khanacademy JS: Advanced Simuations–https://www.khanacademy.org/computing/computer-programming/programming-natural-simulations
  16. Udacity: Free online courses–https://www.udacity.com/school-of-programming
  17. HTML Goodies: Javascript Primers–https://www.htmlgoodies.com/primers/jsp/
  18. O’Reilly Suggestions for JS Resources: https://www.oreilly.com/ideas/what-are-good-resources-for-learning-about-javascript
  19. CodeCombat–https://codecombat.com/
  20. CodeMonkey–https://www.playcodemonkey.com/
  21. Coding Ground–https://www.tutorialspoint.com/codingground.htm
  22. JSFiddle–https://jsfiddle.net/

Resources that cost money $$:

  1. JavaScript Road Trip $$ (parts of this used to be free, looks like you can get a 10-day trial)–https://www.codeschool.com/courses/javascript-road-trip-part-1
  2. Codecademy (not sure of cost now??)–https://www.codecademy.com/courses/introduction-to-javascript/lessons/introduction-to-javascript/exercises/intro?action=resume_content_item
  3. Javascript for Kids (book $$)–https://nostarch.com/javascriptforkids
  4. Kids Coding Udemy course $$–https://www.udemy.com/kids-coding-introduction-to-html-css-and-javascript/

Mobile Apps:

  1. Grasshopper–

What resources do you use with your students? Comment below!

Follow me on TeachersPayTeachers!

Follow me on TeachersPayTeachers to receive the latest updates on new products. My goal is to start developing more computer science lessons for all of the awesome “new” and “seasoned” computer science teachers out there including those who are teaching (maybe???) what I’m teaching: Introduction to Computer Programming, Advanced Programming, Database Design and Management, and Information Technology.

TeachersPayTeachers logo

Follow me on TPT!

Top 10 Sites for Creating Infographics for High School Students

Top 10 Sites for Creating Blog Posts for High School Students

Top 10 Sites for Creating Blog Posts for High School Students

My high school Database Design and Management students completed a unit on Big Data and they created their own Infographics. Here are the top websites we used for creating them during our Data Visualization lessons:

  1. Infogram
  2. Piktochart
  3. Easelly
  4. Canva
  5. Venngage
  6. PicMonkey
  7. BeFunky
  8. Visme (the image attached to this blog post was created using this site!)
  9. Snappa
  10. Visualize.me

 

 

Mood Board 4/27/2016

Today’s mood board was inspired by how tired I was after very little sleep last night and then, somehow, making it to my 5:30 am spin class. Phew. I am so glad I went to spin. I am always glad I make it to spin. I wish, wish, wish my local YMCA had a morning boot camp class, but, I believe they only have yoga on Wednesday mornings. I am looking very forward to my beach trip with some girlfriends in just a few weeks and wanted to keep my mind focused on digging my toes in the sand. I used some Photoshop brushes that were “watercolors” and I love the way they look on the page. I am not entirely happy with how this mood board turned out graphically, but I wanted to tell a story and try different things. Anyway, here is today’s mood board:

Mood Board-4-27-2016

Mood Board-4-27-2016

Discovered a good YouTube channel for Photoshop tutorials [Photoshop Tutorials], as well as a few sites for downloading FREE Photoshop brushes:

Where to to download Photoshop brushes:
http://www.photoshoptutorials.ws/category/downloads/photoshop-brushes/
http://www.brusheezy.com
http://browse.deviantart.com/resource…

Other sites for FREE Photoshop brush downloads (just did a quick Google search for “free Photoshop brushes”):
http://www.creativebloq.com/photoshop/free-photoshop-brushes-11121140
http://www.brushlovers.com/
http://photoshop.cc/brushes

And, because I now want to create my own Photoshop brushes, here is a tutorial on making your own brushes:
http://www.photoshopessentials.com/basics/photoshop-brushes/make-brushes/