الدورة الكاملة لتعلم لـغة الـ CSS 3

:D
اجمل ما فى اللغة :
- ( نظام ال flexbox بفضل الله مشروح بالتفصيل جداا )
- ( الـ Selectors كلها الموجوده بال css و css3 وبعض من css4 كمان )
==============================================
1 - مفدمة عن اللغة وما تقدمه من اشياء جديدة ورائعه
لينك الفيديو : http://adf.ly/1kH3Dh

2 - ما هو ال vendor prefixes
لينك الفيديو : http://adf.ly/1kH3Go

3 - شرح الخاصيه المسئولة عن rounded corner
لينك الفيديو : http://adf.ly/1kH3Kh

4 - شرح خصائص جديدة فى background
لينك الفيديو : https://goo.gl/FKkqkp

5 - شرح كيفيه عمل box-shadow و text-shadow
لينك الفيديو : https://goo.gl/LFAwdq

6 - شرح كيفيه عمل تدرج الالوان
لينك الفيديو : https://goo.gl/pnIIyQ

7 - شرح خصائص جديدة ف ال text
لينك الفيديو : https://goo.gl/9QfLxH
------------------------------------------------------------
شرح الـ Transformation 2D فى اللغة
---------------------------------------------
8 - شرح ال transform 2D ال translate و rotate
لينك الفيديو : https://goo.gl/r13Fe0

9 - شرح ال transform 2D ال scale و skew
لينك الفيديو : https://goo.gl/SOSzew

10 - شرح ال transform 2D ال matrix
لينك الفيديو : https://goo.gl/2Vr4nu

------------------------------------------------------------
شرح الـ Transformation 3D فى اللغة
---------------------------------------------
11 - شرح ال transform 3D ال translate3d و rotate3d
لينك الفيديو : https://goo.gl/BNzf2p

12 - شرح ال transform 3D ال scale3d و skew3d
لينك الفيديو : https://goo.gl/gJ45gk

13 - شرح ال transform 3D ال matrix3d
لينك الفيديو : https://goo.gl/uyRwLO

------------------------------------------------------------
شرح الـ Perspective و Transform فى اللغة
---------------------------------------------
14 - شرح خاصيه Perspective
لينك الفيديو : https://goo.gl/Jqeapz

15 - شرح خاصيه Transform-origin
لينك الفيديو : https://goo.gl/mc1GEG

16 - شرح خاصية Transform-style
لينك الفيديو : https://goo.gl/qFqgRB

17 - شرح Backface-visibility و فكرة عمل ال flib card
لينك الفيديو : https://goo.gl/Tw10hC

18 - شرح خاصية Overflow
لينك الفيديو : https://goo.gl/NFeVrY

19 - شرح خاصية ال opacity
لينك الفيديو : https://goo.gl/sOjS1m

------------------------------------------------------------
شرح الـ User Interface فى اللغة
---------------------------------------------
20 - شرح خاصية ال resize
لينك الفيديو : https://goo.gl/bDVOO3

21 - شرح خاصية ال outline-offset
لينك الفيديو : https://goo.gl/FeOkI1

22 - شرح خاصية ال box-sizing
لينك الفيديو : https://goo.gl/NEUIEh

------------------------------------------------------------
شرح الـ Transition فى اللغة
---------------------------------------------
23 - شرح خاصية ال transition-property وخاصية ال transition-duration
لينك الفيديو : https://goo.gl/a9Gvbo

24 - شرح خاصية ال Transition Timing Function
لينك الفيديو : https://goo.gl/nTBnzi

25 - شرح تكمله الخاصية Transition Timing Function
و شرح الخاصية Transition Delay
لينك الفيديو : https://goo.gl/ReL3xw

------------------------------------------------------------
شرح الـ Animation فى اللغة
---------------------------------------------
26 - شرح animation Name و animation Duration
لينك الفيديو : https://goo.gl/XWyl6V

27 - شرح ال animation timing function و animation itration count
لينك الفيديو : https://goo.gl/zM2Z1z

28 - شرح ال animation diction و animation delay
لينك الفيديو : https://goo.gl/7rqDjs

29 - شرح ال animation fill mode
لينك الفيديو : https://goo.gl/xuiMHj

30 - شرح ال animation play state وكام موقع مساعد
لينك الفيديو : https://goo.gl/L8xdyb

------------------------------------------------------------
شرح الـ Columns فى اللغة
---------------------------------------------
31 - شرح خاصية ال column-count وخاصية ال columns-gap
لينك الفيديو : https://goo.gl/2uJUIa

32 - شرح خاصية ال column-rule-width وخاصية ال column-rule-style وخاصية ال column-rule-color وخاصية ال column-rule
لينك الفيديو : https://goo.gl/HuzzwW

33 - شرح خاصية ال column-span وخاصية ال column-width
لينك الفيديو : https://goo.gl/PmxoGm

34 - شرح الاختصار لل multi columns
لينك الفيديو :https://goo.gl/mFY8ny

------------------------------------------------------------
شرح نظام الـ Flexboxx
---------------------------------------------
35 - شرح مقدمة عن flexbox ومثال عملى لفهم الفكرة
لينك الفيديو : https://goo.gl/niegim

36 - شرح خاصية flex-direction
لينك الفيديو : https://goo.gl/a5Iu4e

37 - شرح خاصية flex-grow
لينك الفيديو : https://goo.gl/GEVdwI

38 - شرح خاصية flex-shrink
لينك الفيديو : https://goo.gl/JzVkYd

39 - شرح خاصية flex-wrap
لينك الفيديو : https://goo.gl/7kkXeC

40 - شرح خاصية flex-basis
لينك الفيديو : https://goo.gl/0G13CU

41 - شرح خصائص Flex و Flex-Flow
لينك الفيديو : https://goo.gl/yIkfoM

42 - شرح العلاقة ما بين Flex Flow و Flex basis
لينك الفيديو : https://goo.gl/WMuTRF

43 - شرح خاصية ال Justify Content وعلاقتها بالمحاور Axis
لينك الفيديو : https://goo.gl/RdijaA

44 - شرح خاصية ال Align Items وعلاقتها بالمحاور Axis
لينك الفيديو : https://goo.gl/cvYn9i

45 - شرح خاصية Align Self
لينك الفيديو : https://goo.gl/TcrDkN

46 - شرح خاصية Align Content
لينك الفيديو : https://goo.gl/9W3kOH

47 - شرح خاصية Order
لينك الفيديو : https://goo.gl/6e63Yi

48 - نهاية الخصائص وشرح مثال عملى : عمل Layout بنظام Flex box
لينك الفيديو : https://goo.gl/Vs4dNg

49 - مثال اخر وشرح كيفيه عمل Navbar باستخدام نظام الـ Flex box
لينك الفيديو : https://goo.gl/3bWwPu

------------------------------------------------------------
شرح جميع الـ Selectors فى اللغة
---------------------------------------------
50 - مقدمة عن selector وانواعهم وشرح id و class
لينك الفيديو : https://goo.gl/sHzfkn

51 - شرح ال attribute selector الجزء الاول
لينك الفيديو : https://goo.gl/TMUfS0

52 - شرح ال attribute selector الجزء التانى
لينك الفيديو : https://goo.gl/5ipe6A

53 - شرح ال attribute selector الجزء التالت
لينك الفيديو : https://goo.gl/7aeNYS

54 - شرح ال Combinators Selectors
لينك الفيديو : https://goo.gl/FIuIII

55 - شرح ال any
لينك الفيديو : https://goo.gl/2wDur3

56 - شرح ال checked , disabled , empty , enabled
لينك الفيديو : https://goo.gl/nZJBvO

57 - شرح ال focus , hover , active
لينك الفيديو : https://goo.gl/kCcq8r

58 - شرح ال in-range , out-of-range
لينك الفيديو : https://goo.gl/O8P5YA

59 - شرح ال valid , invalid
لينك الفيديو : https://goo.gl/rYzXPW

60 - شرح ال not و placeholder-shown
لينك الفيديو : https://goo.gl/gIRhil

61 - شرح lang() و root
لينك الفيديو : https://goo.gl/lixQvc

62 - شرح optional و required
لينك الفيديو : https://goo.gl/IfJkY2

63 - شرح Read-only و Read-write
لينك الفيديو : https://goo.gl/rgqGuV

64 - شرح user-select و target
لينك الفيديو : https://goo.gl/INB5Gq

65 - شرح First Child و Last Child
لينك الفيديو : https://goo.gl/2MVVdP

66 - شرح First of type و Last of Type
لينك الفيديو : https://goo.gl/6ZUZlF

67 - شرح Only Child و Only-of-type
لينك الفيديو : https://goo.gl/dV98af

68 - شرح nth Child و nth of type
لينك الفيديو : https://goo.gl/3nwLvk

69 - شرح nth Last Child , nth Last of type
لينك الفيديو : https://goo.gl/Vf6L4E

70 - شرح after و before و first line و first letter
لينك الفيديو : https://goo.gl/7qObl9

71 - شرح :selection ونهااااااااايه جميع ال selectors
لينك الفيديو : https://goo.gl/cRbQlA

------------------------------------------------------------
شرح الـ Media Query و Pagination فى اللغة
---------------------------------------------
72 - شرح ما هى Media Query
لينك الفيديو : https://goo.gl/GRc4WW

73 - شرح أمثلة على Media Query
لينك الفيديو : https://goo.gl/4lScP8

74 - شرح الـ Pagination
لينك الفيديو : https://goo.gl/tFESZ3

75 - نهااايه الكورس وما هى الخطوة التاليه
لينك الفيديو : https://goo.gl/23Me99

=======================================

لينك الكورس كامل : https://goo.gl/X8CTsH

- الكورس مشروح من 3 موافع كاملة
وبعض الكتب .. ان شاء الله شامل بنسبه 95%
والباقى عليك والتطبيق اهم حاجه
- الفيديوهات مدتها صغيرة عشان الناس اللى
بتمل من الفيديوهات الطويله

واتساب

الكاتب : المهندس وجدي نواجعه

هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق

الهندسة

الثلاثاء، 21 فبراير 2017