Learn HTML and CSS (Beginners to Expert)

Focused View

Abdulsalam Alao

8:27:30

62 View

1. Welcome and First step

1. Welcome to the course.mp4

04:40

2. Read before start.html

3. Link to course material.html

4. STARTER AND FINAL FILE.html

5. Link to course material (mobile only).html

6. What you are going to learn.html

7. Materials needed to learn.html

8. Setting up your code Editor.mp4

02:24

9. Build your very first HTML webpage.mp4

05:53

10. The head and body tag.mp4

01:10

2. HTML Fundamentals

1. Section Intro.mp4

02:06

2. Introduction to HTML.mp4

02:37

3. Who created HTML.mp4

01:45

4. Must Read Article.html

5. HTML Elements and Attributes.mp4

06:02

6. Must read article.html

7. Hyper links.mp4

09:23

8. HR and BR Element.mp4

07:07

9. Semantic and Non-semantic Elements.mp4

02:14

10. Quiz #1.html

11. HTML Comments.mp4

07:03

12. Practicing what we have learnt #1.mp4

12:08

13. Challenge #1.html

3. Organizing your code

1. Why you should Orgainze your code files.html

2. How to organize your code itself.html

3. Checking and inspecting website source code.html

4. Advance on HTML

1. Section Intro.mp4

01:36

2. Adding color to our webpage.mp4

03:59

3. Adding Image to our webpage.mp4

03:38

4. Meta tags.mp4

05:19

5. Form and Form Element.mp4

12:44

6. Quiz #2.html

7. Unordered and ordered list.mp4

02:25

8. HTML Emojis.mp4

02:00

9. Creating a table component with HTML.mp4

05:35

10. Practicing what we have learnt #2.mp4

10:24

11. Quiz #3.html

12. Reading Assignment.html

5. CSS Fundamentals

1. Section Intro.mp4

03:31

2. Introduction to CSS.mp4

07:12

3. Reading Assignment.html

4. How to link CSS to HTML.mp4

12:05

5. CSS Color and Background Color.mp4

07:02

6. RGB & RGBA.mp4

05:19

7. Reading Assignment.html

8. Adding and styling Background Image.mp4

12:05

9. Background Position and Background Repeat.mp4

11:20

10. Styling the table component.mp4

09:07

11. Styling the form we created on HTML.mp4

09:58

12. Padding and margin.mp4

11:23

13. CSS Display.mp4

09:52

14. Practicing what we have learnt #3.mp4

23:29

15. Quiz #4.html

6. Advanced on CSS

1. Section Intro.mp4

01:41

2. Building Accordion part 1.mp4

15:05

3. Building Accordion part 2.mp4

05:00

4. Building a Carousel part 1.mp4

24:59

5. Building a Carousel part 2.mp4

18:21

6. Building Another Table with HTML and CSS.mp4

12:02

7. Building a Hero section part 1.mp4

14:25

8. Building a Hero section part 2.mp4

13:31

9. Pagination part 1.mp4

07:51

10. Pagination part 2.mp4

02:49

7. Travellers website

1. Building the Navbar Section.mp4

11:59

2. Building the Hero Section.mp4

13:16

3. Building the Places for you Section.mp4

16:01

4. Building the Procedure Section.mp4

13:13

8. Building a Portfolio with HTML and CSS

1. Building the Home page.mp4

34:35

2. Building the About me page.mp4

14:23

3. Building the Project page.mp4

18:49

4. Building the Certificate page.mp4

09:43

5. Building the Contact page.mp4

15:25

9. Hosting your website and thank you

1. Hosting with Netlify.mp4

09:47

2. What to learn next after this course.html

3. What to learn after this course.html

4. Congratulations and Thank you!.html

Description

Learn HTML and CSS online and create a stunning website and portfolio

What You'll Learn?

In this course, you will learn about HTML and CSS
You will learn about those who created HTML and CSS
How HTML and CSS works
Simplify the arrangement of content on web pages using flexbox and grid.
Explore the world of web fonts, sizes, line spacing, and text alignment to enhance readability and aesthetics.
Add transitions and animations for smooth and engaging user experiences.
You will be able to design a world-class website with HTML and CSS.
Design visually appealing websites with custom fonts, colors, and layouts.
You will build website components like breadcrumbs, carousel, navigation bar, hero and many more
You wil create your own Portfolio to start applying for jobs.
At the last section, you will learn how to host your website for free.

Who is this for?

Beginner in coding (HTML and CSS)

This course is suitable for kids and adult

Coding Enthusiast

Beginner that want to relearn

Those who want to become a Software Engineer

What You Need to Know?

No experience in coding required, you will be taught everything from scratch

You will need a Computer/laptop/desktop or a mobile phone to get started

More details

Description
Welcome to the immersive world of web development, where creativity meets functionality, and design shapes the digital landscape. In this comprehensive HTML and CSS course, you'll embark on a transformative journey to become a proficient web developer, equipped with the skills to craft stunning and responsive web pages from scratch. You will learn HTML and CSS, what they stands for, their uses, how to use them to build a stunning website. You are going to be learning the Ins and out of HTML and CSS, starting from the beginner level to advanced level, you will be able to create many website after you have taken this course and also you will build your own portfolio with the help of this course.

What You'll Learn:

HTML Essentials: Dive into the world of Hypertext Markup Language (HTML) and learn how to structure content, create headings, paragraphs, lists, and hyperlinks. Explore the power of semantic elements and discover how to optimize your web content for accessibility and search engines.
CSS Styling: Unleash your creativity with Cascading Style Sheets (CSS). Master the art of styling web pages using selectors, properties, values, and declarations. Delve into layout techniques, responsive design principles, and the magic of Flexbox and CSS Grid to create visually appealing and adaptive layouts.
Web Design Best Practices: Learn the secrets of effective web design, including color theory, typography, and visual hierarchy. Understand the importance of user experience (UX) and design principles that elevate your projects to a professional level.
Hands-On Projects: Apply your knowledge through hands-on projects that simulate real-world scenarios. Design and code your own personal portfolio website, a blog layout, and a responsive landing page, showcasing your newfound skills to potential employers and clients.
Hosting website for free:Â Bythe end of this course, you will be taught on how to host your website for free with Netlify.
The course is splitted into 9 sections to ensure better understanding of HTML and CSS, In each section, there is a video that explains what you will learn in the section and every section has a challenge, quizzes and practices waiting for you to test your knowledge on what you have learnt... Isn't that interesting! Not even all, at the end of this course you will be awarded a certificate of completion that shows you are now a skilled website designer, you can now add the certificate to your portfolio to start applying for website design job role. In this course, there are many projects that you can add to your portfolio.

At the end, you will be taught on how to host your website for free.

Why Take This Course:

Structured Learning: Our step-by-step approach guides you through each concept, ensuring a seamless learning experience for beginners and intermediate learners.
Practical Application: Theory meets practice with hands-on projects that allow you to implement what you've learned and build a stunning portfolio of work.
Expert Guidance: Benefit from the expertise of an experienced web developer who is passionate about nurturing your skills and guiding you towards success.
Lifetime Access: Gain lifetime access to course materials, updates, and additional resources, ensuring you stay up-to-date with the ever-evolving world of web development.
Community and Support: Join a vibrant community of learners, exchange ideas, and receive guidance through discussions and forums.
Whether you're aspiring to become a professional web developer, enhance your skillset, or simply understand the mechanics behind the websites you interact with daily, this HTML and CSS course is your ultimate destination. By the end of this journey, you'll have the confidence and proficiency to create captivating web pages that leave a lasting impression.
Enroll today and embark on an exciting adventure that will shape your digital future!
Who this course is for:
Beginner in coding (HTML and CSS)
This course is suitable for kids and adult
Coding Enthusiast
Beginner that want to relearn
Those who want to become a Software Engineer

User Reviews

Rating

average 0

Total votes0

Focused display

Hi there, my name is Abdul-salam, and I am a professional web designer and Developer and an experienced instructor with a passion for crafting engaging, user-friendly, and visually striking websites. I have been designing websites for over 3 years and have taught web design courses for 2 years on Zoom and on WhatsApp.My journey as a web designer began when I discovered my love for digital technologies. I am currently pursuing a degree in Computer Science at Ladoke University of Technology. My love for web design is fueled by the ability to create beautiful, functional and impactful digital experiences that users love and can easily navigate.Over time, I have honed my web design skills by keeping up-to-date with the latest trends and technologies, and by creating websites that are accessible, responsive, and optimized for search engines. I am knowledgeable in programming languages called JavaScript, and have experience working with content management systems such as WordPress.As an instructor, I have a passion for teaching others about web design, sharing with them my knowledge and experience. I have taught web design courses in renowned educational institutions, as well as through online platforms, such as YouTube and WhatsApp. My teaching style is focused on hands-on learning, where students participate in the design process from start to finish. I provide constructive feedback and mentorship to help students improve their skills and confidence.When I am not designing websites or teaching, I enjoy exploring new cities, trying new cuisines, attending music concerts, and volunteering at non-profit organizations.Thank you for taking the time to read my bio; I look forward to working with you.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.