CSE/ISE 102: Introduction to Web Design and Programming

Hello, if you have any need, please feel free to consult us, this is my wechat: wx91due

CSE/ISE 102: Introduction to Web Design and Programming

Classes
Online (Asynchronous). Recorded videos are only available to registered students on Google Drive.
Instructor
Prof. Pramod Ganapathi
Office hours: Tu 07:30 am-10:30 am, Online via Zoom
TA's
Google Sheets link

Course Description
In this course, we will learn the technologies and principles involved in designing a good website. The topics covered include: HTML, CSS, and (if time permits) JavaScript.
Prerequisites
CSE 101 or basic computer skills.
Course Outcome
At the end of the course, the students should have the following knowledge and skills:
  • Understanding the structure (HTML), style (CSS), and behavior (JavaScript) of web pages
  • Understanding the principles involved in designing a good website
  • Building well-designed websites using web technologies and design principles
Web Resources (Required)
  • W3Schools
  • HTML Cheat Sheet
  • Hostinger's HTML Cheat Sheet
  • CSS Cheat Sheet
  • Hostinger's CSS Cheat Sheet - Long
  • Toptal's CSS Cheat Sheet - Short
  • JavaScript Cheat Sheet
  • JavaScript Cheat Sheet - Long
Books for Reference (Not Required)
  • [HCH] HTML and CSS is hard. Oliver James.
  • [MS] Marksheet: A Free HTML and CSS Tutorial. Jeremy Thomas.
  • [TML] The Missing Link: An Introduction to Web Development and Programming. Michael Mendez.
  • [WDDF] Web Development and Design Foundations with HTML5. 9th Edition. Terry Felke-Morris. (Paid)
  • [LWD] Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics. 5th Edition. Jennifer Niederst Robbins. (Paid)
Grading
Grading will be based on the following:
  • Assignments: 80%
  • Final Exam: 20%
Homework
Homework details and scores will be posted on Brightspace: https://it.stonybrook.edu/services/brightspace.
Group Pic
Click here

Academic calendar

Date
Topic
Details
Programs
Week 1 Editors, HTML Basics Introduction, Editors, Editors, Headings, Paragraphs, Links, Basic, Elements, Attributes, Formatting, Quotations, Comments
Week 2 CSS Basics Images, Styles, Colors, CSS, Lists, Tables, Blocks, Classes, Id, Head
Week 3 CSS Basics, HTML Elements Responsive Web Design, Semantic Elements, Coding Conventions, Character Entities I, II, III, Media, Video, Audio, Iframes, YouTube Highlight Boxes, Multimedia
Week 4 HTML Forms Forms, Form Elements, Input Types, Input Attributes
Week 5 HTML Forms, CSS Basics Syntax, Selectors, How To, Colors, Backgrounds, Border, Margin, Padding, Height/Width, Box Model, Text Input Types, Review, Signin, Contact
Week 6 CSS Fonts, Icons, Links, Lists, Tables Font
Week 7 Web Tools Slideshow, FAQ, Rank, Test, Load Speed, Performance, Do's and Don'ts, Reduce Size (pic, pic, vid, conv), Reduce Requests (combine CSS, check CSS), Simple Presentation, Simple Slideshow, Simple Flipbook, Random Website, What is a Blog?, Best Blogs, What is a Podcast?, Best Podcasts
TBD Final Exam Time: TBD.

发表评论

电子邮件地址不会被公开。 必填项已用*标注