Mastering HTML and CSS Concepts - 2023 Edition

Focused View

Narayanan Soundararajan

9:37:41

108 View

1 - Introduction

1 - Introduction.mp4

01:59

2 - HTML

2 - HTML Introduction.mp4

04:41

3 - Environment setup.mp4

01:22

4 - Doctype HTML.mp4

03:15

5 - HTML Head and Body.mp4

01:24

6 - HTML Title and Meta.mp4

05:48

7 - HTML Style.mp4

03:38

8 - HTML Script.mp4

05:48

9 - Can I Use.mp4

01:49

10 - HTML Header.mp4

01:29

11 - HTML Paragraph.mp4

02:56

12 - HTML Anchor.mp4

03:50

13 - HTML Division.mp4

02:48

14 - HTML Quotes Bold Italic.mp4

03:11

15 - HTML List.mp4

03:52

16 - HTML Table.mp4

09:40

17 - HTML Text Design.mp4

03:05

18 - HTML Character Entities.mp4

05:37

19 - HTML Sematic Elements.mp4

02:58

20 - Files.html

20 - Root-file.rar

21 - HTML File Directory.mp4

05:47

22 - HTML Image.mp4

09:39

23 - HTML Video.mp4

06:27

24 - HTML Audio.mp4

04:18

25 - HTML Favicon.mp4

03:07

26 - HTML Frame Iframe.mp4

08:50

27 - Class Id.mp4

02:45

28 - Google Font.mp4

02:00

29 - HTML Form Attributes or Input Elements.mp4

17:23

3 - CSS

30 - Course-Needed-File.rar

30 - Source Files.html

31 - CSS Selector.mp4

21:04

32 - CSS Combinators.mp4

18:15

33 - CSS Active Styling.mp4

05:28

34 - CSS Colors.mp4

10:12

35 - CSS Absolute Units.mp4

13:43

36 - CSS Relative Units.mp4

12:53

37 - CSS Font and Text Properties.mp4

12:00

38 - CSS Alignment Properties.mp4

17:02

39 - CSS Boxsizing Properties.mp4

08:16

40 - CSS Layout Properties.mp4

10:00

41 - CSS Positioning Properties.mp4

15:44

42 - CSS Position Relative Absolute.mp4

14:45

43 - CSS Zindex.mp4

11:51

44 - CSS before and after.mp4

06:32

45 - CSS Background Properties.mp4

31:24

46 - CSS Float.mp4

06:12

47 - CSS Flexbox.mp4

12:36

48 - Flexbox Alignitems.mp4

03:10

49 - Flexbox JustifyContent.mp4

03:15

50 - Flexbox FlexWrap.mp4

03:00

51 - Flexbox AlignContent.mp4

02:38

52 - Flexbox Alignself.mp4

02:55

53 - Flexbox Order.mp4

02:03

54 - Flexbox Grow Shrink Basis.mp4

14:37

55 - CSS Grid.mp4

09:15

56 - Grid Template Row Column.mp4

11:27

57 - Grid Gap.mp4

04:54

58 - Grid Start End.mp4

09:17

59 - Grid Row Column.mp4

12:37

60 - Grid Span.mp4

11:28

61 - Grid Template Area1.mp4

08:08

62 - Grid Template Area2.mp4

04:55

63 - Grid Align and Justify Element.mp4

14:45

64 - Grid Auto Properties.mp4

10:16

65 - Grid Minmax.mp4

10:13

66 - CSS Transform.mp4

30:39

67 - CSS Transition.mp4

11:45

68 - CSS Animation.mp4

16:49

69 - CSS Gradient.mp4

14:22

70 - CSS Media Queries.mp4

07:50

Description

Learn the basic elements of both HTML and CSS.

What You'll Learn?

HTML Basic tags
HTML Media tags like insert audio, image and video on your webpage
HTML Form attributes
CSS Selector, Combinator, and Active styling
CSS Flexbox and Grid, An in-depth examination of both flexbox and grid
Complete properties of CSS, like background properties, positioning properties, layout properties, and alignment properties
This course will cover the basics of building and styling websites using these two languages

Who is this for?

This course is ideal for aspiring web developers, web designers, and anyone interested in web development.

Beginner web developers looking to learn the basics of building and styling websites

Intermediate web developers looking to deepen their understanding of HTML and CSS and learn more advanced techniques

Anyone looking to learn the basics of web development and gain a foundational understanding of HTML and CSS

More details

Description
HTML is used to create a webpage, and each webpage has distinct or individual content that is displayed using HTML tags. CSS (Cascading Style Sheets) is used to set the layout for HTML elements. Using CSS, we can change the default styling of HTML tags.
Why do you need to choose this course?
This course is for those who are entering their journey in web development or application development. This course will cover HTML elements as well as tips for some individual HTML Tags and CSS. In CSS, basics of CSS, properties, grids, flexbox, responsive layouts, gradients, positioning, and transition elements. At the end of the course, you will be able to create your own website.
Table of Content
HTML Introduction
HTML Environment Setup
HTML Head and Body
HTML Title and Meta
HTML Heading
HTML Paragraph and Span
HTML Anchor
HTML Quotes Bold Italic and Line Break
HTML Division
HTML List
HTML Table
HTML Text Design
HTML Character Entities
HTML Sematic Elements
HTML Image
HTML Audio
HTML Video
HTML Favicon
HTML Script and Style
HTML Form element and Attributes
CSS Selectors and types
CSS Combinators
CSS Active Styling
CSS Colors
CSS Units (Relative and Absolute)
CSS Font and Text Properties
CSS Alignment Properties
CSS Box-sizing Properties
CSS Layout Properties
CSS Positioning Properties
CSS Z-index
CSS ::before and ::after
CSS Background Properties
CSS Float
CSS Flexbox
CSS Grid
CSS Transform, Transition, and Animation
CSS Gradient
CSS Media Queries
This course is perfect for anyone looking to learn the fundamentals of web development(Front-end). It will provide comprehensive instruction on how to use html tags and how to style the html elements. The course will also cover the deep learning of flexbox and grid. Additionally, the instructor has years of experience in the web designing and development, and will be able to provide valuable insights and advice. Each necessary file needed for this course is also attached.

Who this course is for:
This course is ideal for aspiring web developers, web designers, and anyone interested in web development.
Beginner web developers looking to learn the basics of building and styling websites
Intermediate web developers looking to deepen their understanding of HTML and CSS and learn more advanced techniques
Anyone looking to learn the basics of web development and gain a foundational understanding of HTML and CSS

User Reviews

Rating

average 0

Total votes0

Focused display

Hello! My name is Narayanan Soundararajan and I am a programming teacher. I have been working in the field of computer science for 6+ years and have a strong background in end-to-end technologies (front-end, back-end, database, and cloud design). I am passionate about teaching and helping others learn the skills necessary to succeed in the field of programming. In my classes, I strive to create a welcoming and inclusive environment where students can feel comfortable asking questions and learning at their own pace. I believe that with the right tools and guidance, anyone can learn to code and succeed in the field of technology.As a teacher, I taught more students at institutes, to family and friends, and online, and I gained a lot of satisfaction from sharing my knowledge with others compared to my work. I hope you, too, enjoy my courses, and we will meet on course.

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.