Scribd
Upload
4 views4 pages

Internship Web Development Syllabus Python

The document outlines a comprehensive 30-session syllabus for teaching Web Development, covering both frontend (HTML, CSS, Bootstrap, JavaScript) and backend (Python, MySQL) technologies. Each session includes specific topics, activities, and homework assignments designed to build practical skills. The curriculum culminates in a mini project and a final review, including Git and GitHub basics.

Uploaded by

IF5I11Prachi Dhumal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views4 pages

Internship Web Development Syllabus Python

The document outlines a comprehensive 30-session syllabus for teaching Web Development, covering both frontend (HTML, CSS, Bootstrap, JavaScript) and backend (Python, MySQL) technologies. Each session includes specific topics, activities, and homework assignments designed to build practical skills. The curriculum culminates in a mini project and a final review, including Git and GitHub basics.

Uploaded by

IF5I11Prachi Dhumal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Web Development Syllabus (HTML, CSS,

Bootstrap, JavaScript, Python, MySQL)


This 30-session detailed syllabus is designed to teach students Web Development from
scratch, covering frontend (HTML, CSS, Bootstrap, JavaScript) and backend (Python,
MySQL). Each session includes key topics, activities, and homework.

Session 1: Introduction to Web Development


 Topics: Web structure, frontend vs backend, browser-inspector tools.
 Activity: Explore your favorite websites with inspect tool.
 Homework: List any 5 websites.

Session 2: HTML Basics


 Tags: <!DOCTYPE>, <html>, <head>, <body>, <title>, <h1> to <h6>, <p>, <br>, <hr>.
 Activity: Create a bio page using heading and paragraph tags.
 Homework: Design a welcome page with headings for an imaginary site.

Session 3: Text Formatting & Lists


 Tags: <b>, <i>, <u>, <small>, <strong>, <em>, <ul>, <ol>, <li>.
 Activity: Create a page showing your hobbies using lists.
 Homework: Write a short article with formatted text and lists.

Session 4: Links and Images


 Tags: <a href>, <img src alt width height>. Attributes: target, title.
 Activity: Add an image and 3 hyperlinks to your HTML page.
 Homework: Create a mini gallery with 4 images and captions.

Session 5: Tables and Forms


 Tags: <table>, <tr>, <td>, <th>, <form>, <input>, <textarea>, <button>, <select>,
<option>.
 Activity: Build a student registration form.
 Homework: Create a table showing subject marks.

Session 6: Semantic Tags & HTML5


 Tags: <header>, <footer>, <section>, <article>, <nav>, <aside>.
 Activity: Design a news article layout using semantic tags.
 Homework: Structure a basic blog layout using semantic elements.

Session 7: CSS Basics


 Types: Inline, Internal, External. Selectors: Tag, class (.), id (#).
 Activity: Apply colors and fonts to your bio page.
 Homework: Create a styled poem page using internal CSS.

Session 8: Box Model and Borders


 Properties: margin, padding, border, width, height.
 Activity: Create a card layout using divs.
 Homework: Design 3 boxes with different border styles and spacing.

Session 9: Layouts with Display & Positioning


 Properties: display, position, float, clear.
 Activity: Create a 3-column layout using float or flex.
 Homework: Create a responsive layout using flexbox.

Session 10: Transitions and Hover Effects


 Properties: transition, hover, transform.
 Activity: Add hover effects to buttons and images.
 Homework: Animate a div using CSS transition.

Session 11: Introduction to Bootstrap


 Topics: CDN, container, grid system (row, col).
 Activity: Design a responsive layout with 3 cards using Bootstrap grid.
 Homework: Make a responsive image gallery.

Session 12: Bootstrap Components


 Components: Navbar, Cards, Buttons, Alerts.
 Activity: Create a dashboard layout with navbar and cards.
 Homework: Design a pricing table using Bootstrap cards.

Session 13: Bootstrap Forms and Modals


 Components: Form controls, modals, tooltips.
 Activity: Make a styled login/register form.
 Homework: Add a modal for feedback submission.

Session 14: JS Introduction


 Concepts: Variables (var, let, const), data types.
 Activity: Write a script that shows current date and time.
 Homework: Create a calculator for area of circle.

Session 15: Conditions and Loops


 Concepts: if, else, switch, for, while.
 Activity: Simple grade calculator using marks.
 Homework: Write a script to print multiplication table.
Session 16: Functions and Events
 Concepts: Function declaration, onclick, onchange.
 Activity: Show alert on button click.
 Homework: Write a function to reverse a string.

Session 17: DOM Manipulation


 Concepts: getElementById, innerHTML, style, classList.
 Activity: Toggle dark/light mode.
 Homework: Create a dropdown to change text color dynamically.

Session 18: Arrays and Objects


 Concepts: Array methods (push, pop, splice), object creation.
 Activity: Show a list of students dynamically.
 Homework: Add 5 student objects and display in a table format.

Session 19: Form Validation


 Concepts: onsubmit, preventDefault, regex basics.
 Activity: Validate name, email, and mobile fields.
 Homework: Add validation to registration form.

Session 20: Introduction to Python


 Concepts: print, input, variables, data types.
 Activity: Take user input and show formatted message.
 Homework: Write a script to convert Celsius to Fahrenheit.

Session 21: Conditions and Loops


 Concepts: if, elif, else, for, while.
 Activity: Display even numbers from 1 to 100.
 Homework: Check if a string is palindrome.

Session 22: Functions and Lists


 Concepts: Functions, list methods.
 Activity: Create a function to return factorial.
 Homework: Display highest marks from a list.

Session 23: File Handling & Modules


 Concepts: open(), read(), write(), modules like os.
 Activity: Write data to file and read.
 Homework: Create a log file with user details.

Session 24: MySQL Introduction


 Concepts: CREATE TABLE, INSERT, SELECT.
 Activity: Create DB studentDB and table students.
 Homework: Insert 5 student records.

Session 25: Python + MySQL Connectivity


 Library: mysql.connector
 Activity: Fetch and display student records using Python.
 Homework: Display students with marks > 70.

Session 26: Insert and Update Data


 Activity: Insert user data from input and update marks.
 Homework: Write a script to update name using ID.

Session 27: Delete and Search


 Activity: Delete record by ID and search by name.
 Homework: Create a search function with partial match.

Session 28: Connect Form to Python Backend


 Tools: Flask or Django (simple Flask form handling).
 Activity: Form input to Python backend with DB insert.
 Homework: Store form data in database.

Session 29: Mini Project Guidance


 Topics: How to combine HTML, CSS, JS, Python & MySQL.
 Activity: Break into groups, plan project idea, assign tasks.
 Homework: Submit project wireframe and functionality list.

Session 30: Final Review + GitHub


 Topics: Git basics, GitHub intro, pushing code.
 Activity: Push project to GitHub.
 Homework: Document your project with README.md.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy