Complete HTML and CSS with SCSS course ( 2 projects)

سرفصل های دوره

Understanding how units, transformation 3D, outline and media query works by leveraging scss available tools

1 - Introduction

1 -course highlight

2 -Introduction

2 -bicycles.zip

2 -gallery.zip

3 -projects preview

4 -1 setting up code editor

5 -2 applying inline style and internal style to element

6 -03 html element and syntaxes

2 - Understanding comments, tables, images Col span and list element

1 -04 comment, html color and anchor tag

2 -05 inserting image and creating table

3 -06 table border collapse and table width

4 -07 colspan and rowspan

5 -08 order list and unorder list

3 - Working with inline, inline block, block, id, class attributes, iframe and form

1 -09 html block and inline elements

2 -10 html class and id attributes

3 -11 embeding page into page (iframe)

4 -12 html form

5 -13 form input attribute type value

4 - familiarizing with video, audio, anchor, styling and first challenge

1 -14 embedding audio and video on a web page

2 -15 anchor state soudo class

3 -16 anchor soudo element

4 -17 external styling linkage

5 -First Challenges

5 - Details on cascading style sheet

1 -19 part 1 css color

2 -20 part 2 css color

3 -21 background

4 -22 border

5 -23 margin

6 -24 padding

7 -25 css height and width

8 -26 css box model

9 -27 outline and outline offset

10 -28 formatting text (text and box shadow)

11 -29 css order and unorder list

12 -30 positioning

13 -31 float layout

14 -32 css combinators (selection)

15 -33 opacity and transparency

16 -34 part 1 second challenges

17 -35 part 2 second challenges

18 -36 part 1 css units

19 -37 part 2 css units

20 -38 specificity

21 -39 math functions and linear-gradient

22 -40 radial-gradient

6 - Get to know about CSS3 model properties

1 -41 transition property

2 -42 animation property

3 -43 2D and 3D transformation

4 -44 tooltips

5 -45 multiple columns, variable and box-sizing

6 -46 part 1 css form

7 -47 part 2 css form

8 -48 round-up css form

9 -49 media query

7 - Working with sass, flex and grid

1 -50 introduction to sass

2 -51 sass partial and mixins

3 -52 introduction to flexbox

4 -53 part 1 flexbox

5 -54 part 2 flexbox

6 -55 flexbox third challenge part 1

7 -56 flexbox third challenge part 2

8 -57 introduction to grid layout

9 -58 grid layout part 1

10 -59 grid layout part 2

8 - introduction to Block Element and Modifier (BEM) methodology

1 -60 introduction to BEM methodology

2 -61 finalizing BEM methodology continuation

9 - First project of the course

1 -62 project one overview

2 -63 resetting browser for page layout

3 -64 creating navigation bar

4 -65 wrap up navigation bar

5 -66 applying background image to the home navbar

6 -67 wrapping up home section

7 -68 organizing files

8 -69 service section heading and background

9 -70 background overlay

10 -71 wrapper service card part 1

11 -72 wrapper service card part 2

12 -73 roundup of service card part 3

13 -74 building up gallery section

14 -75 gallery grids layout

15 -76 setting up data lightbox

16 -77 finalizing data lightbox

17 -78 about heading section

18 -79 about section part 1

19 -80 about section part 2

20 -81 about section part 3

10 - Setting contact and footers

1 -82 starting up contact section

2 -83 setting up contact form

3 -84 finalizing our contact form

4 -85 setting up footer section with timestamp

139,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy