Indian Institute of Information Technology, Allahabad

Web Development

Jan-May 2024 Semester

Course Instructor

Dr. Shiv Ram Dubey

Course Information

Course Outline:

Unit 1: Introduction to Web Development, Overview of web technologies, Client-side vs. server-side development, Web development tools and environments, HTML (Hypertext Markup Language), Basic HTML structure and syntax, Working with text, links, images, and tables, Semantic HTML and accessibility, HTML forms and input validation, multi page websites. CSS (Cascading Style Sheets), Introduction to CSS and its role in web design, CSS selectors, properties, and values, Layout and positioning of HTML elements, Responsive design and media queries.

Unit 2: JavaScript, Introduction to JavaScript and its role in web development, JavaScript syntax, variables, and data types, Control structures (loops, conditionals), DOM manipulation and event handling, Backend Development, Introduction to server-side programming (Node.js), Handling HTTP requests and responses, Working with databases (MongoDB).

Unit 3: MVC (Model-View-Controller) architecture, Frontend Frameworks and Libraries, Introduction to frontend frameworks (React), Component-based development, State management and data binding.

Unit 4: Web Security, Common web vulnerabilities, Best practices for secure web development, User authentication and authorization, Web Performance Optimization, Techniques for improving website performance, Web Deployment and Hosting, Setting up a web server, Deploying web applications to a hosting platform.

Lab Schedule (Section B)
Lab: Monday & Thursday 08.50 AM - 10.50 AM
Course Ethics
  • Students are strictly advised to avoid the unethical practices in the course including tests and practice components.
  • It is best to try to solve problems on your own, since problem solving is an important component of the course.
  • You are allowed to discuss class material, problems, and general solution strategies with your classmates. But, when it comes to formulating or writing solutions you must work/implement by yourself.
  • You are not allowed to take the codes from any source, including online, books, your classmate, etc. in the assignments and exams.
  • You may use free and publicly available sources (at idea level only), such as books, journal and conference publications, and web pages, as research material for your answers. (You will not lose marks for using external sources.)
  • You may not use any paid service and you must clearly and explicitly cite all outside sources and materials that you made use of.
  • Students are not allowed to post the code/report/any other material of course assignment/project in public domain or share with any one else without written permission from course instructors.
  • We consider the use of uncited external sources as portraying someone else's work as your own, and as such it is a violation of the Institute's policies on academic dishonesty.
  • Instances will be dealt with harshly and typically result in a failing course grade.
  • Cheating cases will attract severe penalties.

Computational Projects Added to Teaching Laboratories

Project ID Team Project Title
WD24-P01 IIT2023035 SAJAL GARG, IIT2023058 KANDIKANTI SATHWIKA, IIT2023059 CHETAN TIRKEY, IIT2023086 PRINKAL DHINGRA Health Hub Connect (Hospital Management Website)
WD24-P02 IIT2023010 GARIMA G, IIT2023101 SARVESH KUMAR, IIT2023063 CHERRY SANDEEP CHHALLANI, IIT2023020 PRANAV SINGH E-commerce Website (Amazon Clone Type)
WD24-P03 IIT2023022 GAGAN MADAN, IIT2023011 HARSHA DASARI, IIT2023029 BONDEGE SRIVARSHINI, IIT2023062 PRIYANSHI MAHESHWARI Tour INDIA (Tourist Site Type)
WD24-P04 IIT2023001 WASIL IFTEKHAR, IIT2023050 CHIVUKULA SHASHANK, IIT2023066 SAMRAT RAY, IIT2023085 YASH GUPTA PetPick Website for Pet Lovers
WD24-P05 IIT2023039 MASKEEN SINGH, IIT2023013 DEEPANSHU, IIT2023023 PANDIRI ANANYA, IIT2023093 SHRANAY Academic Management Website for Student and Professor
WD24-P06 IIIT2023003 ANIKET SAMEER INAMDAR, IIT2023037 DEEPAK SINGH, IIT2023078 PRATIK KHATRI, IIT2023080 ARUN KUMAR Jwellery Shop Website
WD24-P07 IIT2023052 SANIYA SAINI, IIT2023068 BOLUSANI AMULYA, IIT2023074 SIVA SAI PRANAV PUJARI, IIT2023095 AUTI AISHWARYA RAJENDRA CodeDive Website for Coding
WD24-P08 IIT2023065 AAYUSH GOYAL, IIT2023081 SUBHANSH NAITHANI, IIT2023015 HEMANT, IIT2023094 RAJ ARYAN Webflix Website (Netflix Clone Type)
WD24-P09 IIT2023006 MANASVI BURRAMUKKU, IIT2023048 VEDIUM LALITH KUMAR REDDY, IIT2023053 RAJAT APURWA, IIT2023092 AARAV CraftWonders Website for Artists
WD24-P10 IIT2023007 ANIRUDH, IIT2023025 RISHABH GUPTA, IIT2023045 SHILPI, IIT2023106 GUNJAN BookBlend Website for Book Exchange
WD24-P11 IIT2023014 AARYAN KUNTAL, IIT2023019 UTKARSH KUMAR, IIT2023008 YASH FARAKATE, IIT2023084 SHAURYA BHANDARI Freelancing Website (Skill Sprint Type)
WD24-P12 IIT2023016 SWAYAM SHIRBHATE, IIT2023073 REVANTH, IIT2023041 ARYAN RAJ, IIT2023027 KEERTHI Outset Life Pet Adoption Website
WD24-P13 IIT2023018 ANIKET GUPTA, IIT2023056 MOTHE SAI KARTHIK, IIT2023070 BHAVYA GUPTA, IIT2023087 KUMAR PRATEEK MOOC Like Website
WD24-P14 IIT2023002 AYAN MAHATA, IIT2023005 CHIRAG JAIN, IIT2023033 RAMAN BIR SINGH ANAND, IIT2023096 HARKIRAT CHADHA Studify Website for e-Learning
WD24-P15 IIT2023051 AMBER PURWAR, IIT2023100 RACHIT KANSAL, IIT2023079 KINSHUK BAHL, IIT2023076 MOHIT M Restaurant Website
WD24-P16 IIT2023031 VONTELA KARTHIKA REDDY, IIT2023043 LATCHIREDDI NAVADEEP NAIDU, IIT2023046 ARYAN PRASHANT BALSARAF, IIT2023089 MARSHIKAM BHARGAVI FitnessTracker Website
WD24-P17 IIT2023024 MUDDADA ROCHI SRI, IIT2023049 HRIDYANSH GUPTA, IIT2023075 AGRAJ SINGH, IIT2023097 SHAURYA SINGH Clean!t- An Online Laundry Service Website
WD24-P18 IIT2023071 MUKESH SAMARDHA, IIT2023098 SAUMYA AGGARWAL, IIT2023099 DAKSH BHATTI, IIT2023102 PRITAM CHOUDARY Knowledge Hub - News Website
WD24-P19 IIT2023004 VIVEK RAJEN GADHIA, IIT2023012 ROHIT KISHOR TANDEKAR, IIT2023021 GADDAM ASMITHA, IIT2023061 ATHARWA ZAWAR Make Trip Easy Website for Travel Booking
WD24-P20 IIT2023017 GAUTAM KHOKHAR, IIT2023028 ASHUTOSH KUMAR, IIT2023030 OM SWAROOP NAYAK, IIT2023103 SONU College-wide Discussion Website
WD24-P21 IIT2023040 P. VENKAT, IIT2023054 P. ROHIT, IIT2023072 HARIOM, IIT2023105 ASHISH KUMAR Lostlinkup Website to Manage the Lost and Found
WD24-P22 IIT2023026 CHEREDDY BALA VARSHITHA, IIT2023044 BONUTHU SRINIVAS, IIT2023090 DHRUV SAMDHANI, IIT2023069 SAMAY JAIN ADVAIT Website to Connect the Citizens with Government
WD24-P23 IIT2023009 PATEL KRISHKUMAR ASHOKBHAI, IIT2023064 RANJEET KULKARNI, IIT2023067 SHRUTI AGRAWAL, IIT2023104 SIDDHANT KUMAR SACHAN Library Management System Website
WD24-P24 IIT2023036 POONAM, IIT2023047 JAL KUMAR TALREJA, IIT2023077 SAMANDEEP SINGH SIDHU, IIT2023083 ANKIT KUMAR SHAZAM Website for Movie Streaming and IMDb Ratings
WD24-P25 IIT2023034 SHIVANSH GUPTA, IIT2023055 VEDANT PRASHANT SHINDE, IIT2023088 SAMRIDHI, IIT2023091 SIDDHARTH CHANDRAWAT Payment App (Paytm, PhonePe Like)
WD24-P26 IIT2023032 SANDEEP KUMAR, IIT2023057 KEMSARAM OMKAR, IIT2023060 RITESH NARAYAN DAS, IIT2023082 AASHAY NEMA Renovated Website of IIITA
WD24-P27 IIT2023038 AVNI SHARMA, IIT2023042 MANGA CHANDRA VADHAN Consultation Website for Clinic

Grading

  • Internal (35%)
  • Mid Exam (25%)
  • End Exam (40%)

Books/References

  • HTML and CSS: Design and Build Websites by Jon Duckett, Wiley
  • JavaScript and jQuery by Jon Duckett, Wiley
  • W3Schools Online Web Tutorials (https://www.w3schools.com)
  • The Web Developer Bootcamp" by Colt Steele (https://www.udemy.com/course/the-web-developer-bootcamp/)
  • Modern JavaScript From The Beginning 2.0 - 2023 Revamp (https://www.udemy.com/course/modern-javascript-from-the-beginning/)
  • The Complete Web Developer Course 3.0 (https://www.udemy.com/course/the-complete-web-developer-course-2/)
  • Web Design for Everybody: Basics of Web Development & Coding by University of Michigan, (https://www.coursera.org/specializations/web-design)
  • LinkedIn Learning (www.linkedin.com/learning)
  • Become a Web Developer learning path
  • Front-End and Full-Stack Web Development learning path

Disclaimer

The content (text, image, and graphics) used in this slide are adopted from many sources for Academic purposes. Broadly, the sources have been given due credit appropriately. However, there is a chance of missing out some original primary sources. The authors of this material do not claim any copyright of such material.