Fundamentals of Front-end Web Development
This course is designed to provide students with a comprehensive introduction to front-end web development using HTML and CSS. Students will learn the foundational skills necessary to create visually appealing and responsive websites. The course will cover HTML5 and CSS3, including best practices for coding, and will emphasize hands-on projects and practical application.
No prior coding experience is required, but basic computer skills and familiarity with web browsing are recommended.
- Create well-structured and semantically correct HTML documents.
- Apply CSS for styling and layout, including responsive design techniques.
- Build a personal portfolio website.
- Understand version control and collaborative web development.
- Gain a strong foundation in front-end web development for further learning.
Weekly Assignments and Quizzes: 40%
Mid-term Project: 20%
Final Project: 30%
Participation and Attendance: 10%
Course Outline
- Overview of Web Development
- The Role of Front-End Development
- Web Development Tools and Environment Setup
- Introduction to HTML and CSS
- HTML Structure and Syntax
- Headings, Paragraphs, and Text Formatting
- Lists and Links
- Images and Multimedia
- Introduction to CSS
- CSS Selectors and Properties
- Text Styling and Formatting
- Box Model and Layout
- Understanding Responsive Design
- Media Queries and Flexbox
- CSS Grid Layout
- Creating Forms and Input Elements
- Form Styling with CSS
- Form Validation and Best Practices
- Planning Your Portfolio Website
- Hands-on Project Work (Building HTML structure and adding basic CSS)
- CSS Transitions and Animations
- Working with Fonts and Icons
- CSS Preprocessors (e.g., SASS)
- Best Practices for CSS
- Version Control with Git and GitHub
- Collaborative Web Development
- Final Project Overview and Planning
- Hands-on Project Work (Completing the Personal Portfolio Website)
Fundamentals of Front-End Web Development
*Merit-Based Internships Apply
-
Total Lectures: 20
5 Lectures/Week
-
Online Live Classes
Classes will be conducted on Microsoft Teams
-
Assessments and QnA Sessions
Visit Terms of Service Page for more info
- Class Recordings
-
Course Project
Classes will be conducted on Microsoft Teams
Fundamentals of Front-End Web Development
*Merit-Based Internships Apply
-
Total Lectures: 20
5 Lectures/Week
-
Online Live Classes
Classes will be conducted on Microsoft Teams
-
Assessments and QnA Sessions
Visit Terms of Service Page for more info
- Class Recordings
-
Course Project
Classes will be conducted on Microsoft Teams
NEED ASSISTANCE
GET IN TOUCH
- Days: Monday - Saturday
- Timing: 10:00am - 10:00pm (PKT)
Our Commitment
What Drives Us
Our unwavering commitment to excellence fuels our passion for innovation and education. We are driven by the belief that knowledge empowers individuals and transforms lives.
I can't express how much I've learned from 'Illustrator Unleashed.' This course changed the game for me. Highly recommended!
Ahmed Khan Student