משחק חדש ומגניב הוא כמו באטל רויאל של CSS

משחק חדש יאפשר לכם לבדוק ולהתאמן על יכולות ה-CSS שלכם – מול מפתחים מכל העולם. זהירות: ממכר

מקור: CSSBattle

משחק חדש בשם CSSBattle יאפשר לכם להתחרות במתכנתים מכל העולם במשימה לשחזר קוד מסוים באופן מדויק, ובכמה שפחות ניסיונות.

תרגול לא רע

CSSBattle הוא משחק וובי, שיאפשר לכם להשתפשף בקוד ולאמן את יכולות ה-CSS/HTML שלכם. הרעיון הוא כזה: ברגע שתיכנסו לאתר תוכלו לבחור אובייקט מסויים מהגלריה, אותו תצטרכו לשכפל באמצעות שורות קוד. לאחר בחירת האובייקט שתרצו לשחזר, יופיע בצד שמאל של המסך שלכם קוד בסיסי ב-editor. לצידו, במרכז המסך מופיעה עמודת ה-״output״ שלכם, כלומר תצוגה מקדימה של הקוד שתזינו, ולידה המטרה שעליכם לשכפל.

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

מקור: צילום מסך

ברגע שתתחילו לקודד תוכלו לצפות בתצוגה מקדימה של הקוד שלכם, כדי שתוכלו לראות האם ועד כמה אתם בכיוון. כשתרגישו ״שזה זה״, כלומר שהקוד שהזנתם יצר את תמונת היעד, לחצו על כפתור ה-Submit והמתינו לראות את הציון שקיבלתם. שימו לב רק שכדי להיכנס לתחרות תידרשו להתחבר עם חשבון ה-github/twitter/google שלכם. כמו כן, מכיוון שמדובר בקרב CSS, מודגש כי עליכם לכתוב את הקוד אך ורק ב-editor של המשחק, ואין להשתמש בסביבות פיתוח אחרות כמו JavaScript או להטמיע תמונות בקוד.

בהצלחה!

לתחרות ה-CSSBattle

היי-טק, סטארטאפים וטכנולוגיה - רוצים להקדים את כולם? היי-טק, סטארטאפים וטכנולוגיה - רוצים להקדים את כולם? להורדת אפליקציית גיקטיים לאייפון ולאנדרואיד לחצו כאן

Avatar

הילה חיימוביץ׳

גיקית, Deal With It

הגב

5 תגובות על "משחק חדש ומגניב הוא כמו באטל רויאל של CSS"

avatar
Photo and Image Files
 
 
 
Audio and Video Files
 
 
 
Other File Types
 
 
 

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

סידור לפי:   חדש | ישן | הכי מדורגים
ASD
Guest

מה קשור באטל רויאל?

רועי
Guest

buff words בשביל למשוך מילניאלז

מישהו
Guest

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

וואט
Guest

ותעיד על כך כמות השאלות בסטאק אוברפלו על הדברים הבסיסיים ביותר כמו “איך למרכז אובייקט בדף”

roeefl@gmail.com
Member

Coolsacucee

wpDiscuz

תגיות לכתבה: