CEIT 419 WEB DESIGN
OVERVIEW OF THE COURSE
WHAT YOU WILL LEARN
• Week 1- Course Overview and Introduction to Web Design
• Week 2- Getting Started with HTML
• Week 3- Getting Started with CSS and Selectors
• Week 4- Advance CSS Selectors & CSS Box Model
• Week 5- Web Typography, Web Fonts, Backgrounds and Lists
• Week 6- CSS Layouts - Floats and Positioning
• Week 7- CSS Layouts - Flexbox
• Week 8- CSS Layouts - Grids
• Week 9- Responsive Web Design and HTML Tables
• Week 10- Introduction to JavaScript
• Week 11- Introduction to Bootstrap
• Week 12- CSS Animations and Transitions
• Week 13- Building HTML Forms, Multimedia and Embedding
At the end of the course…
• Capable of developing a Web Site from scratch just by coding
• Good design but not excellent
• You need practice for this
• Chase a career as a front-end web developer!
• You will learn all the fundamentals
• Create a portfolio
• Do more projects
Web Development
• Development falls under two broad categories:
• Frontend development
• Refers to any aspect of the design process that appears in the browser.
• Includes HTML, CSS, and JavaScript (or related libraries/frameworks)
• Backend development.
• Focuses on the server, including the applications and databases that run on it.
• This course focuses on teaching frontend development.
Instructional Approach and Methods
• Good news : There won’t be traditional lecturing and slides
• During lecture we will write code all together
• There will be many hands-on activities
• Bring your laptop with you
• Bad news : Your brain will explode
• After two hours of lectures with intense coding
• Lab activity!
Instructional Approach and Methods
• Things that I encourage and favor during the class:
• Asking questions for any thing you are not clear about
• Helping each other with their learning
• Including in-class activities and lab assignments
Instructional Approach and Methods
• Things that I discourage and disapprove during the class:
• Talking to your friends loudly and constantly
• Changing seating locations
• Coming to the class late regularly
• Inform me before the lecture
• Coming back late from the breaks
• I can give long breaks, so please ask for it!
• Your attendance point will be deducted
Instructional Approach and Methods
• Lectures will be face-to-face (f2f)
• Labs will be conducted asynchronously
• I will help but I will not write code for you
• Helping each other is allowed
• ChatGPT is allowed
• Use in-class assignments and lab assignments to apply your knowledge
meaningfully
• Otherwise, you will fail in the exams
• The Final Exam is without ChatGPT
Instructional Approach and Methods
• Before the class:
• Study the given materials on ODTÜCLASS
• Do the practice exercises
• Start working on your lab assignment before lecture
• Take the quiz on Tuesday (the day before the lecture) between 16:00-23:59
• During the class:
• Take the quiz in class (if any)
• Complete and submit in-class assignment before 15:30
• Late submissions are allowed until 17:00 with 30% penalty
• After the class:
• Complete and submit lab assignment before 17:00
• Late submissions are allowed until 23:59 with 30% penalty
How to succeed in this course
• Be active during the lectures and labs
• Make sure you understand everything in the class
• Use lab assignments to understand the concepts fully
• Use ChatGPT (or any other AI) wisely
• CoPilot is not recommended. Type your own code!
• Use it when you are an expert in the future
• Practice labs again before the next class
• This will help you solidify your knowledge
Assignments and Grading
Evaluation and Grading Points
Attendance 10
Quizzes 10
In-class Assignments 10
Lab Assignments 20
Prototype of Final Project 5
Final Project 15
Final Exam 30
Total 100
• Grading will be catalogue
• Everyone can and should succeed (hopefully with AA)
Final Exam Entrance Conditions
The students will not be allowed to take the final exam and will receive an NA grade
under the following conditions:
• Students with less than 60% attendance
• Students who do not complete half of the given assignments
HAVE A GREAT SEMESTER!