منحة لدراسة مسار تطوير الواجهات الأمامية للويب من موقع educative.io

السلام عليكم

يقدم موقع educative.io للمتضررين بسبب مرض الكورونا ( عافانا الله وإياكم ورفع عنا البلاء ) وصول مجاني لمسار Frontend developer والمؤلف من ستة كورسات ( باللغة الإنكليزية ) لتعلم أساسيات الويب و HTML,CSS,Javascript وكل مايتعلق بتطوير الواجهات الأمامية لمواقع الويب.

يتضمن المسار الكورسات التالية :

Web Development: a Primer


A Complete Guide to Launching Your Website: From Local to Live


Complete JavaScript Course: Build a Real World App from Scratch


Learn HTML, CSS, and JavaScript from Scratch


The Complete Advanced Guide to CSS


Intermediate JavaScript: Building Frontend Components


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

رابط المنحة

سيقوم الموقع بإرسال رابط تفعيل لحسابك على البريد الإلكتروني الذي قمت بالتسجيل بواسطته ( لذلك تأكد من التسجيل ببريد إلكتروني صالح ).

بعد تفعيل الحساب يمكنك الحصول على المنحة وبداية دراسة المسار.

15 أداة لزيادة إنتاجيتك كمصمم (UI / UX) في عام 2020

في مقال لها على موقع UX Planet ذكرت Alexandra Gurita ١٥ أداة لزيادة الإنتاجية في عملك كمصمم تجربة مستخدم UX /UI Designer في عام ٢٠٢٠ وهذه الأدوات هي :

1- All in one :

Miro

Miro

Notion


2- Research :

Maze

Maze

Useberry

99Leads


3- Assets ( Illustrations – Icons )

Icon8

Blush

Blush

Feathericons

The Noun Project


4- Organization :

Collect

Collect

Journal


5- Miscellaneous :

Cleanmock

Muzli

UX Project Checklist

Loom


رابط المقال على UX Planet

مصادر لتعلّم تصميم وتطوير الويب

قنوات يوتيوب :

قناة أسامة الزيرو

Algorithms Academy عربي

قناة نور حمصي

قناة محمد عيسى

قناة أحمد سكماني

– TraversyMedia – English

Design Course – English

codeSTACKr- English

Mosh – English

TheNetNinja – English


مواقع و مدونات :

مدونة توتومينا

مدونة أحمد شديد

Tutorialzine – English

w3schools

MDN

Codeacademy – English

موقع roadmap.sh خريطة تعلم تطوير الويب – انكليزي

مصادر لتعلم تطوير الواجهة الأمامية للويب



مقدمةإلى W3.CSS

ماهي W3.CSS :

إطار عمل CSS متجاوب Responsive يمكّنك من تصميم صفحات الويب دون القلق من اختلاف شكل التصميم عند اختلاف الشاشات ( موبايل – تابلت – …الخ)

مميزات W3.CSS Framework :

سريع – سهل التعلم – سهل الإستخدام – مجاني بشكل كامل.

إن W3.CSS عبارة عن أكودا CSS فقط بدون أي أكواد جافا سكريبت JavaScript أو مكتباتها مثل جي كويري (Pure CSS Framework)

مثال :

يمكنك مشاهدة نتيجة تنفيذ الكود السابق والتعديل عليه هنا

كل ماعليك لاستخدام هذا الإطار هو إضافة ملف w3.css إلى صفحتك :

أيضاً يمكنك تحميل الملف وإضافته بشكل يدوي إلى المشروع :

أمثلة على مواقع مصممة باستخدام هذا الإطار :

الأمثلة

كتاب مدخل إلى تجربة المستخدم

أقتبس من صفحه الكتاب على أكاديمية حسوب

يضع هذا الكتاب المُوجز القارئ على أعتاب عالم تصميم تجربة المُستخدمين UX، وهو علم له قواعده وأصوله وأدواته، ويهدف إلى تعريف القارئ المُبتدئ بأساس هذا العلم وكيف يُطبّق على المُنتجات الرّقمية من مواقع ويب خدميّة وتطبيقات على الأجهزة الذّكية وصولًا إلى التّصميم الأمثل الّذي يُوفِّق بين هدف المُستخدم أوّلًا وهدف الخدمة التّجاريّ، الأمر الّذي يعني منتجًا ناجحًا.

يمكنك الإطلاع على صفحة الكتاب على حسوب وتحميله بصيغة pdf من خلال الرابط

مصادر لتعلم تصميم تجربة المستخدم ( متجدد بإستمرار )

دورة – تصميم تجربة المستخدم – منصة إدراك – عربي

دورة – تصميم تجربة المستخدم – جامعة الملك خالد – عربي

دورة – مقدمة إلى تصميم تجربة المستخدم – انكليزي

دورة – المهارات الرقمية – تجربة المستخدم – انكليزي

كتاب (The Design of Everyday Things )

مؤلف الكتاب : Don Norman

التصنيف : Usability design قابلية الإستخدام

لغة الكتاب : English

عدد الصفحات : 368

بالرغم من مرور أكثر من عشرين عام على تأليف الكتاب إلا أن أفكار التصميم الأساسية الواردة فيه لاتزال سارية و بعد قراءة هذا الكتاب ستدرك جيداً أن التصميم موجود في كل مكان بغض النظر إذا كان هذا التصميم جيداً أم سيئاً.

رابط الكتاب على أمازون

كتاب لاتجعلني أفكر !

من الكتب التي يجب على المبتدئين في UX تصميم تجربة المستخدم قراءتها كتاب Don’t Make Me Think

مؤلف الكتاب : Steve Krug

التصنيف : Usability design قابلية الإستخدام

لغة الكتاب : English

عدد الصفحات : 216

رابط تحميل الكتاب بصيغة PDF رابط الكتاب على موقع أمازون

يقدم مؤلف الكتاب ستيف كروج ارشادات و أمثلة حية حول كيفية جعل موقعك سهلاً للمستخدمين ويتضمن الكثير من الصور والرسوم التوضيحية التي تحاول توصيل أفكاره بطريقة سلسلة.

صورة الكتاب
صورة من الكتاب