Webflow Essentials Course

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

Use Webflow to enable you to create responsive, accessible websites without the need for complex coding.

1 - Getting Started

1 - Intro to Webflow Tutorial training course

2 - Getting started with Webflow tutorial

3 - What is Webflow

4 - Webflow FAQs How much is webflow

5 - How to build your first website in webflow

2 - The Brief

6 - Class project 01 Create your own Webflow brief

3 - Layout Level 1

7 - What are Container vs Sections in Webflow

4 - CSS Classes Level 1

8 - How to create CSS classes in Webflow

5 - Images Level 1

9 - How to add images with margin in webflow

10 - Background images how to overlay text on image webflow

6 - Buttons & Navigation Level 1

11 - Buttons with a hover color in Webflow

12 - Making our own custom nav in Webflow

13 - How to make a mobile friendly burger menu nav bar in Webflow

14 - Production Video 1 Building Support & Next Event Sections

7 - Links

15 - Hyperlinks & remove underline & color from link in Webflow

16 - Anchor link to another page section in Webflow

17 - Class project 02 Create your club page

8 - CSS Classes Level 2

18 - Understanding Webflow Combo Classes

9 - Layout Level 2

19 - Webflow grid

10 - Responsive Design

20 - What is responsive design in Webflow

21 - How to make webflow responsive

22 - Responsive Grids in Webflow

23 - Class project 03 Grid & Responsive Website

11 - Interactions & Animations Level 1

24 - Webflow button hover animation using Element Trigger

25 - Fade in on scroll in Webflow

26 - Class project 04 Interactions

12 - Publishing Level 1

27 - Sharing with your design with your client

28 - How much is webflow hosting site vs workspace

13 - Workflow

29 - The best Webflow shortcuts & speed tips & tricks

14 - CSS Level 3

30 - How to change the default styles in Webflow

31 - Combo vs Global Classes in Webflow

32 - Class naming conventions in Webflow

33 - How to use style manager webflow

34 - Production Video 2 New Portfolio

35 - Minimum Height vs ViewPort Heights in Webflow

15 - Connecting with other software

36 - Convert Figma to Webflow

37 - Convert XD to Webflow

16 - Fonts

38 - How to add fonts to webflow

39 - Production Video 3 Hero Text

40 - Line height space after letter spacing in Webflow

41 - Text & Box Button Shadows in Webflow

17 - Color

42 - How to create global swatches in Webflow

43 - What is color contrast ratio in Webflow

44 - Gradient background in Webflow

18 - Layout Level 3

45 - Navbar full width container in Webflow

46 - Webflow layout Columns vs Flex vs Grid vs None vs Inline

47 - Webflow layout Flex vs Grid which should I use

48 - Flex box layout with examples in Webflow

49 - Equal height cards with button on the bottom in Webflow

50 - Position absolute & relative explained in Webflow

51 - Sticky navbar footer webflow position sticky not working

52 - Class project 05 Portfolio Homepage

53 - Class project 05 Portfolio Homepage Solution

19 - Units

54 - How to use Px Rem & Em s in Webflow

55 - How to use VH viewport height in Webflow

20 - Navigation

56 - How to style the navbar component in Webflow

57 - Adding & connecting pages in Webflow

58 - How to make an image a link in Webflow

21 - Symbols

59 - Create a symbol & overrides in Webflow

22 - Forms

60 - How to make a contact form in Webflow

61 - How to style a form in Webflow

23 - Images Level 2

62 - Image types in Webflow SVG vs PNG vs JPG

63 - What are HiDPI & responsive images in Webflow

64 - How crop images in Webflow using object fit

65 - What is lazy load in Webflow

66 - How to change favicon in webflow

24 - Footer

67 - Footer stick to bottom in Webflow

25 - Interactions & Animations Level 2

68 - How to create a page load animation in Webflow

69 - Image fade in & get bigger on roll over in Webflow

70 - Parallax background scroll image move in Webflow

26 - SEO Level 1

71 - Is webflow good for SEO

72 - Meta description title tags robots & sitemap explained Webflow

73 - What is Image Alt text in webflow

74 - SEO Keywords in Headings & URLs in Webflow

27 - Publishing Level 2

75 - Can you export code self hosted Webflow

76 - What are read only links in Webflow for

77 - Style manager & cleaning up classes

78 - Using your own custom website domain name in Webflow

79 - Manually connecting your own custom domain name in Webflow

80 - Testing on your actual mobile phone

81 - Class project 06 Portfolio Complete

28 - Dynamic content CMS Collections

82 - What are Static vs Dynamic CMS Collection in Webflow

83 - Creating a CMS Collection in Webflow

84 - Adding the CMS collection list via CSV Webflow

85 - Adding the CMS Collection List to the webpage in Figma

86 - Reorganizing what is shown from the Webflow collection list

87 - Styling our collection list with grid & flex in Webflow

88 - Class project 07 Kitchen Collection

89 - Allowing your client to update the website in Webflow editor

90 - How to create blog using CMS Collection Pages in Webflow

91 - Linking to a collection page from the homepage in Webflow

92 - Manually linking to a collection page in Webflow

93 - How does my client add a blog post in the CMS collection in Webflow

94 - How to use rich text elements in Webflow

95 - Styling rich text in a Webflow CMS

96 - Class project 08 Blog CMS

29 - Custom Embed Code

97 - HTML embed code from Calendly Twitter & Castos

30 - Ecommerce

98 - Creating an ecommerce store in Webflow

99 - How to add products to your store in Webflow

100 - Adding your ecommerce product to a page in Webflow

101 - Adding a list of your products to the homepage

102 - Payment settings in Webflow

103 - What happens after a purchase in a Webflow store

104 - Customizing the cart settings in Webflow

105 - How to add variants in Webflow ecommerce product

106 - Adding Categories for Products CMS Collection with filters

107 - Importing a CSV to Webflow product ecommerce

108 - Float & why the cart button won t go in the Nav in Webflow

109 - Work along with Dan building the full tea store in Webflow

110 - Class Project 09 Ecommerce

31 - What next

111 - What next after your Webflow Essentials course

53,700 تومان

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

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

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

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