HTML5 and CSS3 With User Experience (بالعربي)
- Description
- Curriculum
- FAQ
- Reviews
صمم هذا الكورس لتقديم طريق برمجي احترافي في عالم الويب عن طريق شرح وتطبيق عملي للكود وتصميم الواجهات وفهم تجربة مستخدم مع توفير تحديات برمجية
والعديد من المشاريع منها الكبيرة ومنها الصغيرة
سيتم شرح
1-HTML
وهي لغة تساعدنا في انشاء مواقع الويب عن طريق اضافة نصوص او صور او ملفات صوتية وغيرها الكثير من العناصر
2-CSS
عن طريق هذه اللغة سوف نقوم بتحويل الويب لموقع ب الوان وقياسات جميلة متجاوبة مع جميع الاجهزة الذكية
3-UI
وهي واجهة المستخدم عن طريقها سوف نعرف الطريق لبناء موقع ب الوان صحيحة وجميلة
4-UX
وهي تجربة المستخدم ف عند انشاء موقع لا يهم كم هو جميل ان لم يتمكن العميل من استخدامه بسهوله
5-Figma
هو تطبيق تصميم UI و UX يستند إلى مستعرض ، مع تصميم ممتاز ، ونماذج أولية وأدوات لتوليد الرموز. إنها حاليًا (يمكن القول) أداة تصميم الواجهة الرائدة في الصناعة ، مع ميزات قوية تدعم فرق العمل في كل مرحلة من مراحل عملية التصميم. إذا لم تكن قد فعلت ذلك بالفعل ، فجرّب ذلك!
6- Adobe XD
إنها أداة تم تصميمها بشكل أساسي لتسهيل تنقل المستخدم من خلال واجهة صفحة الويب. كل هذا ، وأكثر من ذلك بكثير ، إمكانية فريدة للمصمم ليغمر نفسه في عالم من الإلهام والخيال.
7- Web Design Rules
8-Animation
عبارة عن بعض الاكواد التي تضيف من الجمالية والإبداع والفن والمرح لمشروعك او موقعك الإلكتروني بسهولة تامة، حيث تقوم بدورها على تسهيل عملية تحريك العناصر بأشكال معينة وجميلة داخل موقعك ليضيف لمسة خاصة تحسن من شكل موقعك ومظهره بشكل كبير
9-Media Query
تساعدنا في بناء موقع متجاوب لجميع انواع الشاشات
10-SVG Animation
حنتعرف علئ تفاصيل ال الفيكتور وعمل تحريك له
-
5HELLO HTML WORLDVideo lesson
-
6More TagsVideo lesson
-
7TitlesVideo lesson
-
8A tagVideo lesson
-
9ImagesVideo lesson
-
10HomeWork (1)Video lesson
-
11Navigate New Page.Video lesson
-
12Challenge 1Video lesson
-
13Solve Challenge 1Video lesson
-
14Hellloooooo (:Video lesson
-
15Embed Youtube VIdeoVideo lesson
-
16Embed My Location Using Google MapVideo lesson
-
17Ordered ListVideo lesson
-
18Unordered ListVideo lesson
-
19InputsVideo lesson
-
20Required attrVideo lesson
-
21CommentVideo lesson
-
22More About InputVideo lesson
-
23Select - OptionVideo lesson
-
24label & idVideo lesson
-
25Details - summaryVideo lesson
-
26progressVideo lesson
-
27AudioVideo lesson
-
28VideoVideo lesson
-
37style attrVideo lesson
-
38connect html file with cssVideo lesson
-
39codingVideo lesson
-
40classVideo lesson
-
41CSS CORE !!!!!!!!!!Video lesson
-
42Challenge 2Video lesson
-
43Solve Challenge 2 (Very Important !!)Video lesson
-
44ColorsVideo lesson
-
45:Where , :isVideo lesson
-
46VarVideo lesson
-
47linear gradientVideo lesson
-
48backgroundVideo lesson
-
49paddingVideo lesson
-
50marginVideo lesson
-
51borderVideo lesson
-
52Position FixedVideo lesson
-
53Position STICKYVideo lesson
-
54Position Relative & AbsoluteVideo lesson
-
55Challenge 3Video lesson
-
56Cart Part 1Video lesson
-
57Cart Part 2Video lesson
-
72IntroductionVideo lesson
-
73figmaVideo lesson
-
74convert wirefarme to templateVideo lesson
-
75Project (part 1)Video lesson
-
76Project (part 2)Video lesson
-
77Project ( part 3)Video lesson
-
78Project ( part 4)Video lesson
-
79Project (part 5)Video lesson
-
80Project (part 6)Video lesson
-
81Project (part 7)Video lesson
-
82Project (part 8)Video lesson
-
83Project (part 9)Video lesson
External Links May Contain Affiliate Links read more