תמוז

קומפוננטות, משחק אסקי, תבניות אפלות, ועוד קישורי פרונט אנד

קורס של מיקרוסופט למפתחי אינטרנט – מאגר בגיטהאב של 24 שיעורים שמתפרסים ע”פ 12 שבועות. הלמידה היא מונחת פרויקטים ובמהלכה בונים משחקים, תוספים לדפדפנים, אפליקציה ועוד. יש גם בחנים תוך כדי הלימוד כדי לוודא הפנמה של הנלמד.

משחק אותיות ASCII

עוד על תבניות אפלות ב-UX. תבנית אפלה של אסטרטגיית תוכן היא כששפה ועיצוב יוצרים אי הבנות מכוונות. הפוסט מתעמק באסטרטגיות כגון התערבות ב-flow של המשתמש, שימוש במילים מכובסות כדי להסוות אמירות שליליות, ועוד.

למה העובדה שהמסך שלי מכוון לרוחב לא אומרת שיש לי טלפון נייד. מחבר הפוסט מכוון את אחד המסכים שלו לרוחב ומשתף בחוויה שהיא חווה בחלק מהאתרים, שבטעות מזהים מסך רוחבי כמסך של טלפון נייד, והעיצוב שמוצג לו הוא בהתאם…

אוסף ממשקי משתמש מרשימים ומעוררי השראה שנלקטו מרחבי האינטרנט בידי מעצבים.

מדיניות same origin. ירידה לפרטים על מה זה בדיוק origin ומתי הוא נחשב same, מה מותר ומה אסור לעשות בין origin-ים שונים, והכול עם דוגמאות קוד ועם סימונים ברורים מה מותר ומה אסור.

קצת על קומפוננטות:

בניית קומפוננטה היא לא כל כך מסובכת – פוסט ב-CSS-Tricks שמפשט מאוד את התהליך.

פוסט שמתאר איך ליצור קומפוננטת ניווט צדדי בעלת המאפיינים הבאים: רספונסיבית, תומכת במצבים (stateful), תומכת בניווט מקלדת, עובדת עם ובלי JavaScript, ומתפקדת בכל הדפדפנים.

ופוסט שמתאר את המורכבות של בניית קומפוננטה על כל הווריאציות שלה

בניית קומפוננטת טאבים

גלגלי שיניים מוזהבים שזורים זה בזה
תמונת גלגלי השיניים נוצרה ע”י Arek Socha מתוך Pixabay

כתבו תגובה

כתובת הדוא"ל שלכם לא תוצג.