Computers 10
Using Visual Studio Code for Web Development (HTML/CSS/Javascript)
overview for getting started can be found here: https://www.codecademy.com/article/visual-studio-code
set up your project folder
open VSCode from that folder
create your index.html file
enter some html code
to see what the page looks like in the browser:
go to the "Run" menu
select "Start Debugging"
select either "Web App (Chrome)" or "Web App (Edge)"
now that you have done this, hitting "F5" will launch a browser with an updated version of your webpage.
you can also install an extension to be able to preview your page within Visual Studio Code
if you need help getting your css stylesheet getting set up, the "Link to External CSS" section of https://www.w3schools.com/htmL/html_css.asp is useful
more info: https://code.visualstudio.com/docs/languages/html
Getting started with JavaScript in VS Code (Hello World): https://www.raresportan.com/javascript-part-two/
Installing NodeJS: https://code.visualstudio.com/docs/nodejs/nodejs-tutorial
Using the live server extension: https://www.freecodecamp.org/news/vscode-live-server-auto-refresh-browser/
Interactice Cheat Sheet resource for HTML, CSS, and JavaScript: https://htmlcheatsheet.com/
Simple single-column CSS layout example: https://themefoundation.com/single-column-css-layout/
AutoDesk Programs
Some Autodesk Programs (including Maya) can be used for free by students.
Go to https://www.autodesk.com/education/free-software/featured
Pick the program you are interested in
Create an account using your @learn71.ca email address
Verify your account
Download the software
Blender Resources
Intro Video Tutorials (short videos) https://www.youtube.com/watch?v=8XyIYRW_2xk&list=PLa1F2ddGya_-UvuAqHAksYnB0qL9yWDO6&index=3
Intro to working in 3D generally: https://www.blenderguru.com/tutorials/blender-beginner-tutorial-series (first video)
Make an animated Gif with Paint.net & Pivot
How To Make an Animated Gif with Paint.net and Pivot (Short Youtube Tutorial)
Modify a Cookie Clicker game:
Photoshop tips:
Keyboard Settings
Adding a Keyboard layout to Windows 10: https://aappl2.actfltesting.org/keyboard-windows10
Changing your Typing Club virtual keyboard: https://s.typingclub.com/docs/student-management/student-settings/change-student-settings.html
You are welcome to borrow an ISO layout keyboard if you would like: