CSS3 Full Course With Project [ In Arabic]

Learn CSS3 in detail with Project

Language: arabic

Note: 4.9/5 (5 notes) 1,799 students  New course 

Instructor(s): ElAmir Mahmoud Mansour

Last update: 2022-09-13

What you’ll learn

• CSS3 in Detail
• CSS Animation
• Responsive websites
• Transforms

Requirements

• Little knowledge of HTML

Description

أهلا بكم في الكورس ال سي اس اس 3 وهو عبارة عن كورس تفصيلي مع أمثلة عديدة .

أي كورس بالحياة أهم شيء تعمله لكي تكون محترفا فيه يجب التدريب ثم التريب ثم التدريب .

بعد كل جزء في الكورس حاول ان تتدرب مع نفسك أكثر من مره وتحاول أن تبني أشياء جديدة ولو من خيالك بحيث تثبت المعلومة وتتبسط.

يحتوي الكورس على العديد من الأجزاء و قد يكون أهمها الانيميشن و كيف تخلي صفحتك متناسقة على جميع الأجهزة وأنت من تحدد كيف ستظهر بطريقة بسيطة وسهله جدا .

من أهم المواضيع أيضا ال

flex boxes and grid view

مواضيع في غاية الأهمية والبساطة و لكن يبتعد الديد عن تعلمها قد يكون لاستصعابهم ذلك ولكنها سهله لو تدربت عليها كثيرا و رأيت بعض الأمثلة عليها , من المهم أن لا تتوقف عن التعلم .

استمر ثم استمر ثم استمر في التعلم , ستيأس كثيرا ولكن فكر !!!

من الذي سيحزن ليأسك ؟ لا أحد غير نفسك , ولن يفيدك اليأس في شيء , فقم وتدرب واهتم بنفسك وقوي من معلوماتك لأن بالعلم تفتح العديد من الأبواب لك و يختلف تفكيرك عن باقي الناس .

ولو ظننت أنك ستنام اليوم وترتاح وتكمل غدا , فلن تكمل ولو بعد عام من الأن وستقول العام القادم لما لم أبدأ منذ عام ؟

فقم وتوكل على الله وادرس و طبق كثيرا لكي لا تنسى , ومع كل إنجاز ولو بسيط بعد تعب ستفرح كثيرا من الداخل.

Who this course is for

• Beginner frontend developers

Course content

• Introduction to CSS3 Course
  • Introduction
  • Project Overview
• Before we get into deep
  • Connecting HTML with CSS (3 Ways )
  • CSS Syntax
  • Comments in CSS
• CSS Selectors – Pseudo
  • CSS Selectors (id,class,universal,grouping)
  • Pseudo- Class
  • Pseudo – Elements
  • Styling Links
• CSS Colors
  • Add Colors with RGB/RGBA
  • Add Colors with HEX
  • Add Colors with HSL
• Backgrounds in CSS
  • Background Colors
  • Background Image-Repeat
  • Background-attachment
  • Background Shorthanded (faster , easier )
• Text Styling
  • Text Alignment
  • Text Decoration
  • Text Transformation
  • Text Spacing
  • Text Shadow
  • Overflow Property
  • Font-Family
  • Font-Size
  • Font-Style
  • Visibility and Display Properties
• CSS Box Model Properties (Border,Margin,Padding)
  • Border-Styling
  • Border Width
  • Border Radius
  • Border Sides
  • Border Shorthanded
  • Explaining Content,Border,Margin,Padding.
  • Margin
  • Padding
• Responsive Design
  • What is RWD(Responsive Web Design) ?
  • Height,Width and Max width ( What is the different ? )
  • Explaining the Box Sizing
  • Meta tag and RWD
  • Flexbox Container
  • Flexbox Items
  • Grid View ( cards example)
  • Media Queries (Layout example )
  • Flex Responsive
• Advanced Topics
  • CSS Animation
  • CSS Transitions
  • Transition Answer
  • CSS Linear-Gradient
  • 2D Transforms
  • 3D Transforms
• Final Project
  • Project in Detail

Time remaining or 499 enrolls left

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate