Web Development Skill-Up
6-Week Skill-Up on Web Development
The 6-Week Skill-Up on Web Development was a structured training program designed to equip participants with essential frontend development skills using HTML, CSS, and JavaScript. The program was hosted by IEEE Unizik Sb and facilitated by two experienced tutors, Tochukwu Egwuchika and Ryan Zayne, who provided hands-on guidance throughout the training.
Over the course of six weeks, participants engaged in theory-based learning, practical exercises, and real-world projects, enabling them to design and develop functional, responsive websites. The training covered fundamental and advanced concepts, including HTML structure, CSS styling and layout techniques, JavaScript interactivity, and dynamic web animations.
Participants were tasked with various projects, including creating personal portfolios, blog pages, and interactive web applications. By the end of the program, attendees had built fully responsive websites and developed problem-solving skills applicable to real-world web development challenges.
Date and Time
Location
Hosts
Registration
- Start time: 19 Feb 2024 03:00 PM UTC
- End time: 30 Mar 2024 05:00 PM UTC
-
Add Event to Calendar
- Faculty of Engineering, Nnamdi Azikwe University.
- Nnamdi Azikwe University
- Awka, Anambra
- Nigeria 420007
- Building: PTDF
- Room Number: IPE Lecture hall
- Starts 12 December 2023 08:00 AM UTC
- Ends 12 February 2024 11:00 AM UTC
- No Admission Charge
Agenda
Agenda for the 6-Week Skill-Up on Web Development
Week 1: Introduction to Web Development & HTML Basics
-
Day 1: Opening Session & Introduction to Web Development
- Welcome Address – Tochukwu Egwuchika
- Meet the Tutors: Tochukwu Egwuchika & Ryan Zayne
- Overview of Web Development & Career Opportunities
- Understanding How Websites Work (Frontend vs. Backend)
-
Day 2: HTML Fundamentals
- Structure of an HTML Document
- Common HTML Elements (Headings, Paragraphs, Lists, Links)
- Forms and Input Elements
- Hands-on Exercise: Creating a Simple Webpage
Week 2: Advanced HTML & Introduction to CSS
-
Day 3: Semantic HTML & Accessibility
- HTML5 Semantic Elements (header, section, article, footer, etc.)
- Best Practices for Accessibility & SEO
- Hands-on Exercise: Structuring a Blog Page
-
Day 4: Introduction to CSS
- CSS Syntax & Selectors
- Applying Colors, Backgrounds, and Borders
- Hands-on Exercise: Styling a Simple Web Page
Week 3: CSS Layout & Responsive Design
-
Day 5: CSS Box Model & Positioning
- Understanding Margins, Padding, and Borders
- Positioning Elements (Static, Relative, Absolute, Fixed)
- Hands-on Exercise: Creating a Styled Card Layout
-
Day 6: Flexbox & Grid for Layouts
- CSS Flexbox for Responsive Alignment
- CSS Grid for Advanced Layouts
- Hands-on Exercise: Creating a Responsive Portfolio Page
Week 4: Introduction to JavaScript
-
Day 7: JavaScript Basics
- Variables, Data Types, and Operators
- Functions and Event Listeners
- Hands-on Exercise: Interactive Button Click
-
Day 8: DOM Manipulation & Basic Interactivity
- Selecting & Modifying Elements with JavaScript
- Handling User Input with Forms
- Hands-on Exercise: Building a Dynamic To-Do List
Week 5: JavaScript in Action
-
Day 9: Animations & Effects with JavaScript
- Adding CSS Animations with JavaScript
- Creating a Simple Image Slider
- Hands-on Exercise: Implementing Smooth Page Transitions
-
Day 10: Building Interactive Components
- Creating a Dynamic Navigation Bar
- Building a Simple Light/Dark Mode Toggle
- Hands-on Project: Adding Interactivity to a Webpage
Week 6: Final Project & Certification
-
Day 11: Project Development & Review
- Participants Work on Personal Web Projects
- Tutor Feedback & Improvement Suggestions
- Hands-on Debugging & Optimization
-
Day 12: Project Presentation & Certification
- Participants Present Their Final Projects
- Certificates Awarded to Successful Participants
- Closing Remarks & Future Learning Paths Discussion
Media
| IMG-20250102-WA0009 | 318.09 KiB | |
| IMG-20250102-WA0133 | 692.74 KiB |