8-week course structure tailored to 2.5 hours/day, 3 days/week (total 7.5 hours/week), integrating web design and networking with hands-on practice:
Course Weekly Structure
Day 1: Web Design (2.5 hours)
Day 2: Networking (2.5 hours)
Day 3: Lab/Project Work (2.5 hours)
Week 1: Web Basics & Internet Fundamentals
Day 1 (Web Design):
– HTML5 fundamentals: Structure, tags, forms.
– Demo: Build a basic webpage skeleton.
Day 2 (Networking):
– How the internet works: Clients, servers, ISPs, DNS.
– IP addresses, HTTP basics.
Day 3 (Lab):
– Build a static portfolio page (HTML).
– Use browser dev tools to inspect network requests.
Week 2: Styling & Network Infrastructure
Day 1 (Web Design):
– CSS3: Selectors, box model, Flexbox.
– Demo: Style the Week 1 HTML page.
Day 2 (Networking):
– LAN vs. WAN, network topologies.
– Basics of routers and switches.
Day 3 (Lab):
– Make the portfolio page responsive with media queries.
– Simulate a LAN setup using Cisco Packet Tracer.
Week 3: Responsive Design & Protocols
Day 1 (Web Design):
– Bootstrap framework: Grids, components.
– Demo: Convert a site to mobile-first.
Day 2 (Networking):
– OSI/TCP-IP models, HTTP vs. HTTPS.
Day 3 (Lab):
– Build a Bootstrap-based landing page.
– Analyze HTTP traffic with Wireshark.
Week 4: JavaScript & Network Security
Day 1 (Web Design):
– JavaScript basics: Variables, DOM manipulation.
– Demo: Add a form validator.
Day 2 (Networking):
– Firewalls, VPNs, encryption basics.
Day 3 (Lab):
– Add interactivity to a webpage (e.g., dynamic content).
– Configure a firewall rule in a virtual router.
Week 5: CMS & Cloud Networking
Day 1 (Web Design):
– WordPress: Themes, plugins, hosting.
– Demo: Set up a local WordPress site.
Day 2 (Networking):
– Cloud networking intro (AWS/Azure).
– CDNs and load balancing.
Day 3 (Lab):
– Customize a WordPress site.
– Deploy a static site to AWS S3/Azure Blob Storage.
Week 6: Web Security & DNS
Day 1 (Web Design):
– HTTPS, SSL/TLS, secure coding practices.
Day 2 (Networking):
– DNS configuration, domain registration.
Day 3 (Lab):
– Secure a site with Let’s Encrypt.
– Map a custom domain to a cloud-hosted site.
Week 7: Full-Stack Basics
Day 1 (Web Design):
– Backend intro (Node.js/PHP) + SQL basics.
Day 2 (Networking):
– APIs, REST, and network monitoring.
-Day 3 (Lab):
– Build a full-stack contact form (frontend + backend).
– Test API endpoints with Postman.
Week 8: Capstone Project
Day 1: Plan and design a responsive website (e.g., e-commerce/blog).
Day 2: Host on a cloud server, configure DNS/HTTPS.
Day 3: Present projects + peer review.
Key Adjustments for the Schedule
1. Focused Sessions:
– Theoretical concepts are split into Days 1–2, with Day 3 reserved for labs.
– Labs integrate both web design and networking skills (e.g., deploying a site while configuring DNS).
2. Tools & Workflow:
– Web Design: VS Code, Bootstrap, WordPress.
– Networking: Wireshark, AWS Free Tier, Cisco Packet Tracer.
– Collaboration: Use GitHub for code sharing.
3. Assessment:
– Weekly mini-quizzes (10%).
– Lab submissions (40%).
– Capstone project (50%).
4. Outcome:
– Build and deploy secure, responsive websites.
– Configure networks, DNS, and cloud hosting.