No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
week01
week02
week03
week04
week05
week06
week09
week10
week11
week12
week14
.gitignore
README.md

README.md

Info + Web Programming

August 27 - December 21, 2018

CISC-2350-R01 || 30289|| Monday + Thursdays, 5:30 - 6:45 || John Mulcahy Hall, Room 331 || Fordham University

Professor: Rebecca Leopold
Email: rebeccaleopold@gmail.com
Course Wiki: https://github.com/rebleo/infoWeb2018/wiki

Course Description:

This 15-week course introduces students to the basics of web design and programming for the web. Students will work primarily with HTML and CSS to build the structural and visual components of a website, using CSS to integrate interaction and animation. In the second half of the semester, students will be introduced to other libraries for responsive design (Bootstrap) and languages (JavaScript) to create more complex, interactive websites.


Learning Outcomes:

Become conversant in web authoring technologies including CSS, HTML, and JavaScript Create a unique media rich website considering key aspects of visual systems, interaction design and user experience 3. Create site maps and wireframes to map out project development 4. Debug broken code + know how to search for relevant information + code syntax online 5. Research and apply various APIs for web development 6. Research + incorporate contemporary JS libraries such as p5.js, Bootstrap.js or Three.js


Course Requirements:

Students are expected to participate in class: contributing positively to discussions, arriving on time having thoughtfully completed the reading, technical and creative assignments. Although students will need their laptops with them for every class, computers should be closed and mobile devices silent and not glowing during critique and class discussion. The mis-use of computational machines while in class will negatively affect your grade.


Method of Evaluation:

  1. Class Participation (20% of grade): Please arrive to class on time. Please do the assigned readings and come to class prepared to share your reflections - active and informed discussion makes the course more interesting for everyone. Attendance to all classes is required and attendance is taken at each class.

  2. Design + Technical Exercises (30% of grade) will be executed through the semester by following in class demonstrations, online tutorials and assigned readings. These exercises will be essential for learning markup and coding and to successfully complete more complex projects.

  3. Midterm Project (25% of grade)

  4. Final Project (25% of grade) 

Course Projects will be evaluated by three components equally: Creativity, Technical Breadth, Professional Presentation. Completed projects should reflect a sense of ambition and dedication toward realization.


Attendance:


Attendance is mandatory and will be taken at the beginning of each class.

This class meets for 1 hour and 15 minutes twice per week. Students are expected to come on time, because there is a lot of material to cover. Students who come in later than 20 minutes after the class started will be marked absent. If you know in advance that you will not be able to attend a class, email me beforehand and explain why.

  • 3 unexcused latenesses = one absence.
  • 3 unexcused absences = one half grade decrease (e.g. an A becomes an A-).
  • More than 3 unexcused absences a student will receive a failing grade.

Materials:

  • Sketchbook
  • External Storage Device
  • Lynda + Github accounts

Suggested Texts:


Week 01

Class 1 : Wednesday August 29
Assignment:
  • Create a GitHub account and sign up for the GitHub Student Developer Pack. Email me your username before 2pm tomorrow + be sure to respond to my invitation to collaborate. If you are already familiar w/ Github - your assignment is to create + maintain a repo specifically for this class.
  • Download a txt editor like Atom or Sublime. Make you have it installed on your machine before class tomorrow
Class 2 : Thursday August 30
  • Intro to Course, Class Participants & Instructor
  • What is the WWW
  • GitHub, Markdown + the Class Wiki
  • Working with Text Editors + creating html, .css + .js files

Week 02

Class 3 : Thursday September 6
  • Workflow + Directory (File Path) Organization + Running a Local Server w/ Python
  • Intro to the Browser + the DOM
  • Intro to HTML - Structure + tags

Week 03

Class 4 : Monday September 10
  • Look at Homework
  • Review Running a Local Server
Class 5 : Thursday September 13
  • Review Text + Structural Tags
  • URL Links + File Paths
  • Images w/ HTML
  • iFrame Tag
  • HTML + Video
  • HTML Tables, Forms, Inputs + Buttons
  • Designing a Website: Wire Frames + Site Maps

Week 04

Class 6 : Monday September 17
  • Intro to CSS
  • CSS Selectors
  • Pseudo-Classes
  • CSS IDs + Classes
Class 7 : Thursday September 20
  • Intro to Storm Server + SFTP
  • CSS Positioning

Week 05

Class 8 : Monday September 24
  • Web + Typography
Class 9 : Thursday September 27
  • Intro to Automated Grid Systems

Week 06

Class 10 : Monday October 1
  • Responsive CSS
Class 11 : Thursday October 4
  • Midterm Project Proposals

Week 07

Class 12 : Thursday October 11
  • Midterm Project Proposals

Week 08 - Midterm Project Presentations

Class 13 : Monday October 15
Class 14 : Thursday October 18

Week 09

Class 15 : Monday October 22
Class 16 : Thursday October 25
  • CSS RWD Layout
  • CSS Animations

Week 10

  • Intro to Native JavaScript
Class 17 : Monday October 29
Class 18 : Thursday November 1

Week 11

  • Intro to JS libraries
Class 19 : Monday November 5
Class 20 : Thursday November 8

Week 12

Class 21: Monday November 12
Class 22 : Thursday November 15

Week 13

Class 23 : Monday November 19
  • Final Project Concept 1 min Presentations (1 - 2 Slides)

Week 14

Class 24 : Monday November 26
  • Final Project Content, Sitemaps + Wireframe - 3 min Presentations
Class 25 : Thursday November 29

Week 15

Class 26 : Monday December 3
Class 27 : Thursday December 6

Week 16 - Final Project Presentations

Class 28 : Monday December 10
  • Final Project User Testing
Class 29: Thursday December 13
  • Final Project User Testing
Final Projects Due by 6pm Friday December 14