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

Web Development Foundation: Learn HTML5, CSS3 & Bootstrap

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

Build Responsive Websites With HTML5 & CSS3 (Flexbox, Grid, Transitions, Animation, SVG) / Along with Bootstrap & SASS


1 - Course Introduction
  • 1 - Introduction & Curriculum Walkthrough
  • 2 - Welcome Lets Get Started

  • 2 - Resources & Setup
  • 3 - Resources Important
  • 3 - complete resources.zip
  • 3 - lecture code files github.zip
  • 3 - project code files github.zip
  • 4 - Resources Important.html
  • 5 - How Web Works Optional
  • 6 - Environment Setup

  • 3 - HTML Fundamentals
  • 7 - HTML Introduction
  • 8 - Head Section
  • 9 - Common HTML Tags
  • 10 - Media Tags
  • 11 - Linking Page
  • 12 - Forms I
  • 13 - Forms II
  • 14 - Comments
  • 15 - List
  • 16 - Tables
  • 17 - Inline and Block
  • 18 - Id & Classes

  • 4 - HTML Semantics
  • 19 - Semantics I
  • 20 - Semantics II
  • 21 - HTML Entity

  • 5 - CSS Fundamentals 10
  • 22 - Introduction To CSS
  • 23 - CSS Types and Order
  • 24 - Selectors
  • 25 - Selector Game I
  • 26 - Selector Game II
  • 27 - Specificity R029
  • 28 - Common Properties

  • 6 - CSS Fundamentals 20
  • 29 - Box Model
  • 30 - Box Sizing
  • 31 - Box Model Values
  • 32 - Unit Values

  • 7 - CSS Fundamentals 30 Display & Positions
  • 33 - Display
  • 34 - Display vs Visibility
  • 35 - Position R041
  • 36 - Z Index
  • 37 - Pseudo Elements & Pseudo Classes R042

  • 8 - CSS Fundamentals 40 Responsive Web Design
  • 38 - Responsiveness Media Query R043
  • 39 - Viewport Units Height & Width R044

  • 9 - Project 1 Profile Card
  • 40 - Project Source Code Github.html
  • 41 - Transform R045
  • 42 - Position R046
  • 43 - Google Font
  • 44 - Button Design
  • 45 - Margin Auto vs Text Align Center
  • 46 - Box Shadow
  • 47 - Icons
  • 48 - Color suggestion
  • 49 - CSS Sequence Advise

  • 10 - Project 2 Login Page
  • 50 - Project Source Code Github.html
  • 51 - Background Gradient
  • 52 - Input fields
  • 53 - Forgot Password
  • 54 - Login Button
  • 55 - Min Max Width

  • 11 - Layout 1 Flexbox
  • 56 - Flexbox Introduction
  • 57 - Parent Properties
  • 58 - Child Properties
  • 59 - Flexbox Tool
  • 60 - Flexbox Game R063

  • 12 - Project 3 Spotify Clone Using Flexbox
  • 61 - Project Source Code Github.html
  • 62 - Flexbox Project R075
  • 63 - Header I
  • 64 - Header II Logo
  • 65 - Main I R078
  • 66 - Main II R079
  • 67 - Background Image R080
  • 68 - Footer I R081
  • 69 - Footer II R082
  • 70 - Footer III
  • 71 - Footer IV R084
  • 72 - Responsive Design Main R085
  • 73 - Responsive Design Header R086
  • 74 - Responsive Design Footer R087
  • 75 - Variables I R088
  • 76 - Variables II R089

  • 13 - CSS Advanced 10
  • 77 - Backgrounds
  • 78 - Background Clip R091
  • 79 - Background Shorthand
  • 80 - Transform R093
  • 81 - CSS Art Border and Border Radius
  • 82 - CSS Art Border Radius R095
  • 83 - CSS Art Designing Shapes R096

  • 14 - CSS Advanced 20 SVG Scalable Vector Graphics
  • 84 - SVG Fundamentals R098
  • 85 - SVG Design & Tools

  • 15 - CSS Advanced 30 Transition & Animation
  • 86 - Transition R101
  • 87 - Animations I
  • 88 - Animations II R103

  • 16 - Layout 2 CSS Grid
  • 89 - CSS Grid Introduction R104
  • 90 - Row and Columns
  • 91 - Common Properties
  • 92 - Shorthand Property
  • 93 - Grid Template Area
  • 94 - Nested Grid
  • 95 - Align Properties
  • 96 - CSS Grid Game R114
  • 97 - Autofit vs Autofill R116

  • 17 - Browser Compatibility
  • 98 - Browser Compatibility Vender Prefix Code

  • 18 - Project 4 Testimonial Page Using CSS Grid
  • 99 - Project Source Code Github.html
  • 100 - CSS Grid Project
  • 101 - Feedback Card
  • 102 - Utility CSS
  • 103 - Feedback Card
  • 104 - Mobile Responsive

  • 19 - SASS CSS Preprocessor
  • 105 - SCSSSASS Introduction
  • 106 - Concepts Variables Nesting
  • 107 - Concepts Partials Modules
  • 108 - Concepts ExtendInheritance
  • 109 - Concepts Mixins and Operators R129

  • 20 - Project 5 Portfolio Website Using Bootstrap
  • 110 - Project Source Code Github.html
  • 111 - Bootstrap Introduction Project Demo
  • 112 - Utilities
  • 113 - Layouts Container Grid
  • 114 - Layouts Container Grid
  • 115 - Components
  • 116 - Portfolio Project Main Section
  • 117 - Portfolio Project AboutBlog Section
  • 118 - Portfolio Project Contact Section
  • 119 - Portfolio Project Footer
  • 120 - Portfolio Project Project Section
  • 121 - Project Completion

  • 21 - Project 6 EdTech Startup Landing Page
  • 122 - Project Source Code Github.html
  • 123 - EdTech Landing Page R151
  • 124 - Initial Project Setup
  • 125 - Navigation
  • 126 - Banner Section I
  • 127 - Banner Section II
  • 128 - Transition Transform Animation R157
  • 129 - Building Theme
  • 130 - Stats Section I R159
  • 131 - Stats Section II Flexbox
  • 132 - Information Section R161
  • 133 - Working Section CSS Grid R162
  • 134 - Footer SVG R163
  • 135 - Animate CSS CSS Library
  • 136 - Scroll Bars R166
  • 137 - Responsiveness I Media Queries R167
  • 138 - Responsiveness II Media Queries R168
  • 139 - Hamburger Menu I
  • 140 - Hamburger Menu II R170

  • 22 - Deployment Your Website On Web
  • 141 - Project Deployment Using Netlify

  • 23 - Bonus What Next
  • 142 - Bonus What Next
  • 53,700 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 5388
    حجم: 9530 مگابایت
    مدت زمان: 1413 دقیقه
    تاریخ انتشار: 12 بهمن 1401
    طراحی سایت و خدمات سئو

    53,700 تومان
    افزودن به سبد خرید