Categories
Contact us
shape
shape

Responsive Web Sites with HTML and CSS

Students: 2 Views: 702

Responsive Web Sites with HTML and CSS

About The Course

If you want to learn how to build responsive web sites with HTML and CSS you are at the right spot. The course duration is 20 weeks in which will be held 40 classes. Duration of the class is 45 min. Weekly is planed to be held one block of two classes with duration of 45 min. Classes are separated with 15 min break.  The course schedule can be crashed up to 7 weeks in which will be conducted two block classes weekly. Lectures can be held online or on site depending of student needs. Online lectures will be held in the same timing with the one held physically in the classroom. Recoded content from the lecture will be available until the course duration.

What Will You Learn?

You will learn fundamentals of HTML and CSS, to build your first web site, usage VS Code Editor, floats, flexbox, CSS grid fundamentals, web design and rules framework, components and layout patterns work on real project.

  • HTML and CSS Fundamentals.

  • Floats, flexbox, CSS grid fundamentals.

  • Web Design and Rules Framework.

  • Components and Layout Patterns.

  • Work on real web project.

The Course Curriculam

Introduction, HTML Basics

  • Week 1
    00:00

HTML Document Structure, Text Elements, Lists, Images and Attributes
HTML Fundamentals

Hyperlinks, Structuring Our Page, Semanthic HTML, Installing Additional VS Code Extensions
HTML Fundamentals

More info on HTML Challenge No. 1 Challenge No. 2
HTML Fundamentals

Introduction to CSS Inline, Internal and External CSS, Styling Text, Combining Selectors, Class Selectors
CSS Fundamentals

Working with Colors, Pseudo-classes, Styling Hyperlinks, Using Chrome Dev Tools
CSS Fundamentals

Conflicts Between Selectors, Inheritance and the Universal Selector, The CSS Box Model Challenge No. 1
CSS Fundamentals

Using Margins and Paddings, Adding Dimensions, Centering Our Page, Challenge No. 2
CSS Fundamentals

Types of Boxes CSS, Absolute Positioning Pseudo-elements, Googling and Reading Documentation, Debugging and Asking Questions
CSS Fundamentals

Floats
Layout: Floats, Flexbox, CSS Grid Fundamentals

Flexbox,
Layout: Floats, Flexbox, CSS Grid Fundamentals

Grid
Layout: Floats, Flexbox, CSS Grid Fundamentals

Typography, Colors, Icons, Shadows
Web Design and Rules Framework

Border-Radius, Whitespace, Visual Hierarchy, User Experience, Elements and Components
Web Design and Rules Framework

Accordion Component, Table Component, Building a Pagination Component
Components and Layout Patterns

Layout Patterns, Building a Hero Section, Building a Web Application Layout
Components and Layout Patterns

Setup Desktop Version – 1
OmniFood Project

Setup Desktop Version – 2
OmniFood Project

Responsive Web Design
OmniFood Project

Effects, Optimizations and Deployment
OmniFood Project

IMG_0121_35x45

Stojan Kitanov

Professor

Dr. Stojan Kitanov has been part of the academic community for more than 13 years, holding various positions. Dr. Stojan

8 Courses 2 Students
IP 1

Ivan Petrov

Professor

Dr. Ivan Petrov is a prominent professional and stakeholder in both the academic and business community. He has a professional

21 Courses 2 Students
4.5
Total 2 Ratings
5
1 Rating
4
1 Rating
3
0 Rating
2
0 Rating
1
0 Rating
  • A

    Anonymous

    2 years ago
    Just completed the course:) Thank you so much, it was easy to follow and a big step, onwards and upwards, I also got your course on dreamweaver and I\'m looking forward to getting stuck in. I\'m sure will be as helpful
  • A

    Anonymous

    6 years ago
    Just completed the course:) Thank you so much, it was easy to follow and a big step, onwards and upwards, I also got your course on dreamweaver and I\'m looking forward to getting stuck in. I\'m sure will be as helpful and laid back as the last, really happy thank you.