IT-130: Introduction to Web Design

Joseph (Yosef) Mendelsohn

Tutoring Schedule | Academic Calendar | D2L Login

Remember to always use your D2L checklist!

Week 1

• Topics: Syllabus and overview of course // HTML part 1 // HTML Part 2 // HTTP Process
• Lecture Notes: intro_to_html_part1.pptx | intro_to_html_part2.pptx | web_server_clients.pptx
• HTML Files: first_template.html | french_indian_war.html | french_indian_war_imperfect.html | Picture of General Washington
• Videos & Quizzes: These must be accessed from the Checklist page of D2L.

Week 2

• Topics: HTML Part 3 // HTML Part 4 // Introduction to CSS (Cascading Style Sheets)
• Lecture Notes: intro_to_html_part3.pptx | intro_to_html_part4.pptx | css_intro_inline.pptx
• HTML Files: french_indian_war_with_styles.html
• Videos & Quizzes: Recall that these must be accessed from the checklist page of D2L.

Week 3

• Topics: CSS: Internal and External Stylesheets // HTML Forms Part 1 // HTML Forms Part 2 // File Transfer Protocol
• Lecture Notes: css_internal_external.pptx | forms_part1.pptx | forms_part2.pptx | ftp_intro.pptx | FTP Process Step by Step
• HTML Files: internal_style.html | favorite_styles.css | css_int_ext.html | simple_form.html | form_with_select_radio.html

Week 4

• Topics: Midterm Exam #1 // Introduction to JavaScript // JavaScript Functions // Semantic Tags
• Lecture Notes: javascript1_intro.pptx | javascript2_functions.pptx | semantic_tags.pptx
• HTML Files: first_javascript.html | functions_example.html | turtles_no_semantics.html | turtles_semantics.html |

Week 5

• Topics: CSS Classes // div and span tags // JavaScript Variables // JavaScript Form Retrieval // JavaScript innerHTML command
• Lecture Notes: css_classes.pptx | div_span.pptx | javascript3_variables.pptx | javascript4_forms.pptx | javascript_inner_html.pptx
• HTML Files: turtles_with_classes.html | turtle_pages.css | span_example.html | temperature_conversion.html | simple_conversion_1.html | js_form_retrieval_part1.html | innerHTML_greeting.html | simple_conversion_1.html

Week 6

• Topics: JS: Concatenation and Comments // JS: Parsing data // JS: Precedence
• Lecture Notes: js_concat_comments.pptx | js_parse.pptx | js_precedence.pptx
• HTML Files: concat_ex1.html | age_next_year_no_parse.html | inner_html_greeting_concatenated.html | parse_example.html | debug_practice.html | fahrenheit_celcius_converter.html | simple_conversions.html | bmi_calculator.html

Week 7

• Topics: Midterm Exam #2 // JS: If/else statements // JS: Built-In Functions
• Lecture Notes: js_if_else_1.pptx | js_built_in_functions.pptx |
• HTML Files: movie_ticket_simple.html| salary_calculator.html

Week 8

• Topics: Logical AND/OR, Checking for equality
• Lecture Notes: js_logical_and_or.pptx |
• HTML Files: die_roll.html | nan_test.html | vote_check.html

Week 9

• Topics: Course & Faculty Evaluations // if and else if // Limiting Free Text Entry // Radio buttons and Checkboxes
• Lecture Notes: js_if_else_2.pptx | js_free_text.pptx | js_radio_checkboxes.pptx | Sample exam question
• HTML Files: parking_meter_select.html | favorite_sports_team.html | day_of_the_week.html | radio_buttons_with_values.html | museum_admission.html | tip_calculator.html

Week 10

• Topics: Positioning and Layout (optional)
• Lecture Notes: css_layout.doc
• HTML Files: none