CSCI425: Internet Programming

Updated 2019-03-21

Syllabus       HTML Validator       CSS Validator       Free filler      CSS reference      Colors (by shade)

 

Final test is 10:00 on Wednesday, May 8, 2019

Earlier classes are below…

Day 16: Thursday, 3/21/2019: JavaScript Day #3

·        Quiz

·        JavaScript arrays and objects

Homework due next class:

·        More JavaScript. Implement a search using arrays of objects. Instructions. Video. Partners: DeMoss/Seibold, Brown/Clapper, Ruba/Foster, Frankman/Gaitsch, Acosta.

·        Read about jQuery: Home, Intro, Get Started, Syntax, Selectors, Events. Great resource on jQuery selectors.

 

 

 

 

 

 

 

 

 

 

Day 15: Tuesday, 3/19/2019: JavaScript Day #2

·        Quiz

Homework due next class

·        More JavaScript. Create a calculator in a web page. Instructions. Video. Partners: DeMoss/Acosta, Foster/Seibold, Frankman/Brown, Gaitsch/Clapper, Ruba

·        Read for next time: JS Objects, JS Scope, JS Events, JS For loops, JS while/do loops, JS Debugging, JS Use strict, JS Style, JS Best practices, JS Mistakes

Day 14: Thursday, 3/14/2019: JavaScript Day #1

·        Quiz

·        Happy p day!

·        Happy 30th anniversary, World-Wide Web! (3/12)

·        Writing clean code

·        JavaScript and security

Homework due next class

·        Create the HTML and JavaScript for this page. Instructions. Video example. Partners: DeMoss/Ruba, Foswter/Acosta, Frankman/Seibold, Gaitsch/Brown, Clapper

·        For next class read: JS Numbers, JS Number Methods, JS Math, JS Random, JS Arrays, JS Array Methods, JS Array Sort

Tuesday, 3/12/2019: NO CLASS. Water main break. Heelan is closed.

Day 13: Thursday, 2/28/2019: CSS Test

·        Use this html file.

·        Use this image file (put it in the same folder as your html).

·        Your result should look like this.

Read for next class

·        Read about JavaScript: JS Intro, JS Where To, JS Output, JS Syntax, JS Statements, JS Comments, JS Variables, JS Operators, JS Arithmetic, JS Assignment, JS Data Types, JS Functions, JS Events, JS Strings, JS String Methods, JS Bitwise Operations, JS Debugging. Expect a quiz.

Day 12: Tuesday, 2/26/2019: CSS, Part 6: grids

·        Quiz

·        CSS Test: Thursday, 2/28. The test will be over CSS. You will NOT have to create drop-down menus or use grids. You will probably NOT have a lot of time to look things up, so you need to know most of the properties when you walk in the door.

Homework due next class:

·        Create the CSS for a responsive page that uses grids. Instructions. HTML. Video. Here is another good video playlist on grids. Media queries. Partners: DeMoss/Clapper, Foster/Ruba, Frankman/Acosta, Gaitsch/Seibold, Brown

Day 11: Thursday, 2/21/2019: CSS, Part 5

·        Quiz

·        Web fonts.

·        CSS Test: Thursday, 2/28.

Homework due next class:

·        Create the CSS for a page with menus and pics. Instructions. HTML. Screenshot. Video. Partners: DeMoss/Brown, Foster/Clapper, Frankman/Ruba, Gaitsch/Acosta, Seibold

·        Read about grids: Grid intro. Grid container. Grid item. Grid area. Video.

Day 10: Tuesday, 2/19/2019: CSS, Part 4

·        Quiz

·        CSS Test: Thursday, 2/28.

Homework due next class

·        Create both the CSS and HTML for a page header. Instructions. Files: gradient, BCU Seal. Video. Make sure you understand how display, position, transform, and animate work in CSS. NOTE: Chrome implements all of the features needed for today's web page, so there is no need to use any vendor prefixes as were used in the reading. Partners: DeMoss/Seibold, Foster/Brown, Frankman/Clapper, Gaitsch/Ruba, Acosta/Nobody

·        Read the following: CSS navigation bars. CSS dropdowns. CSS3 images. CSS3 buttons. CSS3 pagination. CSS3 columns. Expect a quiz.

Day 9: Thursday, 2/14/2019: CSS, Part 3

·        Quiz

Homework due next class

·        Create both the HTML and CSS for a BCU home page. Instructions. Video. Partners: DeMoss/Frankman, Ruba/Gaitsch, Seibold/Brown, Acosta/Clapper, Foster.

·        Read the following: CSS3 Transforms, CSS3 Transitions, CSS3 Animations, CSS3 Multiple Columns, CSS3 User Interface. Expect a quiz.

Day 8: Tuesday, 2/12/2019: CSS, Part 2

·        Quiz

Homework due next class

·        CSS #2: Tables. Partners: DeMoss/Seibold, Brown/Clapper, Ruba/Foster, Frankman/Gaitsch, Acosta/nobody.

·        Read the following: CSS Display, CSS Max-width, CSS Position, CSS Overflow, CSS Float, CSS Inline-block, CSS Align, CSS Combinators, CSS Pseudo-class, CSS Pseudo-element, CSS Opacity. There will be a quiz.

Day 7: Thursday, 2/07/2019: CSS, Part 1

·        Quiz

·        Simple CSS example.

·        Awesome CSS example: CSS Zen Garden.

·        Colors (alphabetical). Colors (by shade). Color picker extension for Chrome.

·        CSS Validator.

·        The Box Model. Memorize it.

·        Free filler. Also: lo<tab>. HTML comment shortcut: <ctrl>+/

Homework due next class

·        CSS HW #1. Put your HTML and CSS in a folder, zip the folder, and submit the zipped file to the drop box. Partners: DeMoss/Acosta, Foster/Seibold, Frankman/Brown, Gaitsch/Clapper, Ruba/nobody.

·        Read about lists and tables: HTML tables, HTML Classes, HTML Id, CSS lists, CSS Tables, First child, CSS Combinators, CSS Pseudo-classes

Day 6: Tuesday, 2/05/2019

·        Test #1: HTML5. Unzip this file folder. Use the HTML file as your starting point. The media files are in the folder. Zip the folder when done and put it in the drop box. Your file should look like this when viewed in a browser.

Homework due next class

·        Read about basic CSS formatting: HTML Classes, CSS HOME, CSS Introduction, CSS Syntax, CSS How To, CSS Colors, CSS Backgrounds, CSS Borders, CSS Margins, CSS Padding, CSS Height/Width, CSS Box Model, CSS Text, CSS Fonts. There will be a quiz.

Day 5: Thursday, 1/31/2019

·        Quiz

·        Test #1 will be next class. The test will be open "book". You will create an HTML file using all of the tags/elements we have covered so far.

·        HTML Multimedia: favicons, images, audio, video

Homework due next class

·        Create the following HTML file. See video. Today's partners: DeMoss/Ruba, Foster/Acosta, Frankman/Seibold, Gaitsch/Brown, Clapper/Nobody

Day 4: Thursday, 1/24/2019

·        Quiz

·        Test over HTML will be one week from today: 1/31/2019.

Homework due next class

·        Using HTML tables and semantic elements: a BCU home page. Put the HTML file in the drop box. Partners: DeMoss/Clapper, Foster/Ruba, Frankman/Acosta, Gaitsch/Seibold, Brown/Nobody

·        Read the following. Be prepared for the quiz.

·        Details

·        Images

·        Audio

·        Video

Day 3: Tuesday, 1/22/2019

·        Quiz

·        Using Word to insert <p> tags on last assignment: data file

·        Visual Studio Code tips

·        Using the command line

Homework due next class

·        Write some HTML (relative and absolute file references). Watch this video before you begin. Partners: DeMoss/Brown, Foster/Clapper, Frankman/Ruba, Gaitsch/Acosta, Seibold/Nobody

Reading due next class

·        Read the following. There will be a quiz.

·        <div> and <span>

·        HTML5 intro

·        HTML5 support

·        HTML5 elements

·        HTML5 semantics

·        Tables

Day 2: Thursday, 1/17/2019

·        Quiz

·        Online HTML editor: CodePen.

·        Downloadable HTML editors: Visual Studio Code, Atom, Notepad++.

·        Online HTML validator: W3 validator.

Homework due next class

·        Today's problem description, data file, CSS file, solution. Partners: DeMoss/Seibold, Foster/Brown, Frankman/Clapper, Gaitsch/Ruba, Acosta/Nobody

Read about the following tags/elements. There will be a quiz.

·        Favicons

·        Hyperlinks: relative and absolute, blocks

·        Multimedia and embedding overview

·        Images in HTML

·        Video and audio content

Day 1: Tuesday, 1/15/2019

·        Syllabus

·        Learning is hard

·        Resources

·        The Internet (slides)

·        HTML5

·        HTML5 vs native apps. Opinion (2018).

·        UTF-8 explained (video)

Links

·        As We May Think (hypertext in 1945!)

Homework due next class

Read about the following tags/elements. There will be a quiz.

1.    Introduction to HTML overview

2.    Getting started with HTML

3.    What's in the head? Metadata in HTML

4.    HTML text fundamentals

5.    Creating hyperlinks

6.    Advanced text formatting

7.    Document and website structure

8.    Debugging HTML

Interesting articles for programmers:

·        Top jobs, 2019

·        The Joys of the Craft

·        The Urge To Do It All Over Again

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Homework due next class

 

Day 17: Tuesday, 3/26/2019: jQuery Day #1

Homework due Tuesday at 9:00 a.m.

Day 18: Thursday, 3/28/2019: jQuery Day #2

Homework due Thursday at 9:00 a.m.

Day 19: Thursday, 3/21/2019: jQuery Day #3

Homework due Thursday at 9:00 a.m.

Day 20: Tuesday, 3/26/2019: jQuery Day #3

Homework due Tuesday at 9:00 a.m.

Day 21. Thursday, 3/28/2019

Day 22: Tuesday, 4/02/2019. Objects

Homework due Tuesday

Day 22. Thursday, 4/04/2019. ASP #1

Homework due next class:

Day 23. Tuesday, 4/09/2019. ASP #2

Homework due next class:

Day 24. Thursday, 4/11/2019. ASP #3

Homework due Thursday, 4/27/2019

Day 25. Tuesday, 4/16/2019. ASP #4

Homework due Tuesday, 5/02/2019

Day 26. Thursday, 4/18/2019. ASP #5

Homework due Thursday 5/04/2019

 

Day 27. Tuesday, 4/23/2019. ASP #6

Homework due Tuesday 5/09/2019

Day 28. Thursday, 4/25/2019. ASP #7

Homework due Thursday 5/11/2019

Day 29. Tuesday, 4/30/2019

Homework due Tuesday 5/16/2019 at midnight

 

Test: Wednesday, 5/17/2019

 

 

 

 

 

 

Day 6: Thursday, 2/09/2019

Homework due next class

Today's Partners

 

Day 7: Tuesday, 2/14/2019

For next class:

Day 8: Thursday, 2/16/2019

Day 9: Tuesday, 2/21/2019

Homework due next class

Day 10: Thursday, 2/23/2019

Homework due next class

Day 11: Tuesday, 2/28/2019

Homework due next class

Homework due next class

Day 12: Thursday, 3/02/2019

Homework due next class

Spring Break: 3/5-3/11

Day 13: Tuesday, 3/14/2019

Homework due next class

Day 14: Thursday, 3/16/2019 §

Day 15: Tuesday, 3/21/2019

Day 16: Thursday, 3/23/2019: JavaScript, Day #4

Homework due next class

Day 17: Tuesday, 3/28/2019

Homework due next class

Day 18: Thursday, 3/30/2019

Homework due next class

Day 19. Tuesday, 4/04/2019

Homework due next class

Day 21: Tuesday, 4/11/2019

Homework due next class

Day 22: Thursday, 4/13/2019

Homework due next class

Homework due next class

Day 23: Tuesday, 4/18/2019

Homework due next class

Day 24: Thursday, 4/20/2019

Day 25: Tuesday, 4/25/2019

Homework due next class

Day 26: Thursday, 4/27/2019

Day 27: Tuesday, 5/02/2019

Day #28. Thursday, 5/04/2019

Homework due Thursday, 5/07/2015

Day #29. Tuesday, 5/09/2019

 

Earlier classes are below…

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Previous classes are below…

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Homework due Tuesday, 3/19/2013