Web Programming Fundamentals  Section

htmlCssJS
htmlCssJS
press to zoom
image code
image code
press to zoom
internet
internet
press to zoom
responsive-web-designing
responsive-web-designing
press to zoom
HTML-Code
HTML-Code
press to zoom
css
css
press to zoom

The Internet is a huge part of our lives and is integrated into most modern technology. Here you will learn a few of the basics of how to create content and application for the web.

  Getting Started

Lessons:

This section of the course will guide you through several tasks and projects designed to give you the tools necessary to create content and build application that can be published on the internet.

web programming.JPG
Green Dots indicate items that must be handed in.

Assignments:

Due: See Google Classroom
Warm-up Assignment
codepen.png
GitHub-Pages.png

This Several cool online IDE's you can create HTML/CSS/JavaScript code with.  Below are links to a couple of good ones

Other Resources:

33654340-customer-service_edited.png

Costomer Service agents are standing by. Contact us at jwalzl@sd48.bc.ca

Drop into a tutorial.

Set up a one on one meeting.

Need Help? Have Questions?

  Assignment#1   HTML Intro

  Assignment#2  CSS Intro

Other Resources:

Pro tip: always use the "try it yourself" buttons on W3schools to see actual examples in action.

Try it yourself.png
web 2.JPG

  Assignment#3  External CSS and Input Tags

Lessons:

html.png

Great examples if you scroll down to the bottom of the w3schools link above.

Assignments:

Due: See Google Classroom
css.png
input tags.png

Seperate CSS  and  INPUT tags <>

Other Resources:

web 2.JPG

  Assignment#4  Multiple Pages and Site Navigation

Assignments:

Due: See Google Classroom

Multiple Pages and Site Navigation

multi2.png

Other Resources:

  Assignment#5   JavaScript

Assignments:

Due: See Google Classroom

Multiple Pages and Site Navigation

js3.png

Other Resources:

bear1.PNG
jsgame.PNG