רוטר - טוב השלב הבא - JS, מיהכן הכי כדאי ללמוד ולהשחיז את כישוריי?

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"טוב השלב הבא - JS, מיהכן הכי כדאי ללמוד ולהשחיז את כישוריי?"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21020	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 21020

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

10:56 09.12.14

טוב השלב הבא - JS, מיהכן הכי כדאי ללמוד ולהשחיז את כישוריי?

HTML+CSS כבר זורם לי בכייף...
השלבא הבא - להיות מסוגל לעשות דברים אינטרקטיביים לבד בלי תלות במפתח תמיד הסתמכתי על עבודת צבוות משותפת ותמיד עבדתי עם מפתחים מוכשרים בכל המשרות שמילאתי כראש צוות UX, ככה שבהיבט של HTML מעולם לא עשיתי אינטרקציות מורכבות לבד.
יש לי ניסיון עבר עם ActionScript 2/3 אם זה עוזר, גם קצת C# וXAML כמובן.

איפה להתחיל?
תודה.

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
WEBMASTER- יש שם כמה מדריכים בסיסים ונחמדים	-UC-	09.12.14 11:03	1
אוקי, תודה לך, אציץ שם :)	Avi139	09.12.14 11:25	2
תתחיל מללמוד JS נקי	VeNom	09.12.14 13:00	3
יצא לי כבר לקחת חלקי קוד מספריה כזו או אחרת, אבל בלי להבין לעומק זו בעייה.	Avi139	09.12.14 15:36	4
ממליץ ממליץ ממליץ בחום על Javascript Ninja - ספר מרתק	dvir8	11.12.14 01:12	5
WOW תודה! איזו השקעה בתגובה...	Avi139	11.12.14 10:44	7
נשמע מעולה יש לינק ebook לספר?	OmerBa	11.12.14 13:12	8
כן	dvir8	12.12.14 12:41	9
תודה רבה!	OmerBa	12.12.14 18:25	10
תודה רבה לך :)	Avi139	12.12.14 21:41	11
השם דומה בגלל שרצו למשוך אנשים..	aCoZz	13.12.14 23:51	12
מישהו העלה את זה פה נראה לי	fly	11.12.14 01:42	6
כאחד שלמד JS תוך כדי פיתוח הכי טוב ללמוד תוך כדי כתיבה !	aCoZz	13.12.14 23:52	13
והגעת לרמה מספקת? נניח מבחינת פיתוח WebApps ושימוש בAPIs השונים?	Avi139	15.12.14 09:31	14
הצעה שלי לטובתך האישית ולטובת המקומות שתכתוב עבורם קוד,	אחי הדוב	15.12.14 13:28	15
תודה רבה,	Avi139	15.12.14 14:40	16

-UC-

חבר מתאריך 1.8.02
21922 הודעות, 1 פידבק

11:03 09.12.14

1. WEBMASTER- יש שם כמה מדריכים בסיסים ונחמדים
בתגובה להודעה מספר 0

יש גם את האתר הזה:
http://www.codecademy.com/

מעולה ללימוד עצמי של שפות קליינט, יש לך כמה שפות שונות שם

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

11:25 09.12.14

2. אוקי, תודה לך, אציץ שם :)
בתגובה להודעה מספר 1

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

VeNom

חבר מתאריך 7.6.02
7922 הודעות, 1 פידבק

13:00 09.12.14

3. תתחיל מללמוד JS נקי
בתגובה להודעה מספר 0

אחרי זה תלמד להשתמש ב JQUERY..ואחרי זה כל תבחר לך פריימוורק(ANGULARJS די הולך היום) ותלמד אותו..
חשוב להכיר JS ברמה טובה לפני שמתקדמים לפריימוורקים.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

15:36 09.12.14

4. יצא לי כבר לקחת חלקי קוד מספריה כזו או אחרת, אבל בלי להבין לעומק זו בעייה.
בתגובה להודעה מספר 3

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

01:12 11.12.14

5. ממליץ ממליץ ממליץ בחום על Javascript Ninja - ספר מרתק
בתגובה להודעה מספר 0

ערכתי לאחרונה בתאריך 11.12.14 בשעה 01:28 בברכה, dvir8

מי שעובר על הספר מ א - ת מקבל כלים וידע אדיר ואפילו מבין כמה השפה הזאת כיפית.
אני מוכן להתערב שאחרי שתקרא את הספר אתה תוכל לדבר עם מתכנתים של שנים ב Javascript שלא יכירו טכניקות / בלוק קוד מבלי לקרוא את הספר או ללמוד ברמה כזאת.
אתה יורד שם לרמות הכי בסיסות של javascript.
שקודם כל מסביר לך בכלל מה זה javascript ולמה זה? מי היה לפני? מה ההבדל בין javascript ל java ולמה השם דומה? המון המון אנשים אין להם מושג.
הוא מלמד אותך על ספריות כגון jquery ומה קורה שם מאחורי הקלעים.
הוא מראה לך קטע קוד ושואל אותך מה קורה בקוד הזה? קוד שגם אם תראה למתכנת של שנה - שנתיים ב javascript רוב הסיכויים שלא יהיה לו מושג מה רשום שם. אתה תלמד על call / apply שני מטודות חובה שיש להכיר ואיך עובדים איתם בצורה נכונה.
אתה תלמד איך לבנות אובייקטים, איך לדמות private/public.
אתה תלמד על closure שמסביר למה בעצם ואיך אנימציות עובדות ב javascript ולמה זה כל כך כל (יותר נכון יותר קל) מאשר שפות אחרות.
אתה תלמד על הורשה, ועל פונקציות שקוראות לעצמן ולמה זה טוב?
אתה תגע בהרבה מאוד JSON ואתה תראה כמה הדבר הזה נפוץ וחשוב.
אתה תלמד על פונצקיות לעומק ומה ההבדל בין סוגי הצהרות שונות של פונקציות (יש המון שיטות להצהיר על פונקציה ב js)
אתה תלמד איך לשנות context (במידה ואתה מכיר תכנות oop אז זה דבר מאוד מעניין שאין בשפות מוכרות)
אתה תלמד על פונקציות אנונימיות ומתי כדאי להשתמש בהם ולמה בכלל?
אתה תבין איך Ajax עובד.
בסופו של דבר לאחר שתקרא ותקבל רקע די טוב היות ואני יודע שאתה איש UX. אני מציע גם לבצע כמה דוגמאות. תעבור ל jQuery - ספריה מאוד חזקה ומכובדת. תעבור עליה בקצרה כי אני רוצה שתעבור מהר מאוד לדבר המדובר ביותר היום שזה angularjs. framework אדיר אדיר אדיר שלקח את הספריות הכי חזקות, את הדברים הכי נדרשים שיש בעולם התכנות ב Web ובנה framework איכותי, יפה, יעיל, ומסודר עם unit tests מאוד מאוד איכותיות.
פלאגינים בלתי סופיים. אני אשמח לפרט לך על אנגולר ומה כל כך חזק שם אבל כדי שתוכל להבין אותי אתה תצטרך לסבול מה js קצת ולהבין מה קשה לבצע שם שגם ב jquery לא ניתן לעשות.

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

10:44 11.12.14

7. WOW תודה! איזו השקעה בתגובה...
בתגובה להודעה מספר 5

כן שמעתי את כל המושגים האלה במהלך השנים וחלקם גם ניסיתי, כמו Ajax, Jquery וJSON, עבדתי עם זה ואף עזרתי לצוות המפתחים שלי להרכיב את הקומפוננטות וה-BUILDING BLOCKS ואת כל האפיון+העיצוב שלי מימשתי בעצמי עם רכיבי JQUERY שהיו בזמנו (2011) וזה היה סיוט בגלל חוסר הסטנדרטים אז ודברים שעבדו בFF וכרום לא עבדו באופרה וIE, אז עזבתי את זה לגמרי עד שיהיה IDE נורמלי למעצבים וכמובן גם סטנדרטים לHTML5...
היום זה מנחם לדעת שרוב הדפדפנים הגדולים (כרום, סאפרי, אופרה) עברו לתמוך בWEBKIT והכל עובד בהן כמעט זהה, FF מדביקה פערים וגם שם הכל סבבה, ואפילו בIE החדש גיליתי שדברים שאני עושה עכשיו עובדים. מה שחזר לי זה האינטרקציה ולכן חשבתי על JS...
angular - אני יודע פחות או יותר מה זה כי מלא חברים שלי הלכו לקורסים והרצאות של זה ונורא התלהבו, לגביbootstrap זה מושג שנתקלתי בו רק לאחרונה והבנתי ממש בקצרה מה זה מחיפוש ברשת...

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

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

OmerBa
חבר מתאריך 1.11.03
828 הודעות

13:12 11.12.14

8. נשמע מעולה יש לינק ebook לספר?
בתגובה להודעה מספר 5

@dvir8@

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

12:41 12.12.14

9. כן
בתגובה להודעה מספר 8

http://netcraft.co.il/fedia/books/SecretsoftheJavaScriptNinja.pdf

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

OmerBa
חבר מתאריך 1.11.03
828 הודעות

18:25 12.12.14

10. תודה רבה!
בתגובה להודעה מספר 9

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

21:41 12.12.14

11. תודה רבה לך :)
בתגובה להודעה מספר 9

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

aCoZz
חבר מתאריך 19.7.06
17692 הודעות

23:51 13.12.14

12. השם דומה בגלל שרצו למשוך אנשים..
בתגובה להודעה מספר 5

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

fly
חבר מתאריך 23.7.13
668 הודעות, 1 פידבק

01:42 11.12.14

6. מישהו העלה את זה פה נראה לי
בתגובה להודעה מספר 0

לא למדתי מזה אבל היי זה בעברית

http://www.upf.co.il/file/971307357.html

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

aCoZz
חבר מתאריך 19.7.06
17692 הודעות

23:52 13.12.14

13. כאחד שלמד JS תוך כדי פיתוח הכי טוב ללמוד תוך כדי כתיבה !
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

09:31 15.12.14

14. והגעת לרמה מספקת? נניח מבחינת פיתוח WebApps ושימוש בAPIs השונים?
בתגובה להודעה מספר 13

ערכתי לאחרונה בתאריך 15.12.14 בשעה 09:35 בברכה, Avi139

אני מניח שתמיד יש מה ללמוד ותמיד יש עקומות למידה כאלה ואחרות, אבל נניח עבודה עם הAPI של פייסבוק \ גוגל והאינטגרציה איתם תהיה קלה לי לאחר שאלמד JS טוב?
כי בוא נגיד ככה, אני עובד עכשיו על 2 אפליקציות שאמנם מבחינת קוד הן לא יהיו מושלמות, אבל זה כן יהיה מספיק כדי להמשיך עם מפתח בקרוב מבלי שהוא יצטרך לשבור את הראש על הFED ושאר השטיקים של הUI, כי רספונסיביות והתנהגות (חוייה) של האפליקציה זו השריטה שלי
אבל נורא חסר לי הצד הזה של לעשות שימוש בAPI של פייסבוק (ב2 המקרים של האפליקציה שלי אני רוצה לאפשר למשתמשים להתחבר עם FB ובהמשך גם עם טוויטר וG+) אבל חוסר הידע בתכנות אמיתי דיי מגביל אותי (בנינו CSS+HTML זה לא באמת קידוד ) עד כה זה מאפשר לי לעשות אחלה של פרוטוטייפים שנראים אמיתיים אבל כל הDATA הוא MOCK וזה דיי מגביל אותי.

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

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

אחי הדוב
חבר מתאריך 9.11.14
50 הודעות

13:28 15.12.14

15. הצעה שלי לטובתך האישית ולטובת המקומות שתכתוב עבורם קוד,
בתגובה להודעה מספר 0

תנסה ללמוד pure javascript לפני שאתה רץ להשתמש בספריות, אני ממליץ לך גם על אתר שתוכל להריץ בו טסטים בצורה נוחה:
http://jsfiddle.net/

תבין בצורה עמוקה את המשמעות של אובייקטים ב-js את המשמעות של prototype של הורשה/הורשה מרובה, כל הדברים האלה מתבצעים בצורה מאוד שונה ב-javascript משאר השפות, חשוב שתדע אותם.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

14:40 15.12.14

16. תודה רבה,
בתגובה להודעה מספר 15

יצא לי להכיר את האתר במסגרת דברים שחיפשתי ללמוד ודוגמאות שמצאתי...
לגבי כתיבת קוד - אין זה מתוקף תפקידי לדעת לכתוב קוד בכלל מאחר ואני מאפיין ומעצב UX, ככה שב99% מהמשרות זו בכלל לא דרישה, פשוט פעם בימי FLASH הייתי טוב בAS ותמיד בניתי ממשקים לRIA שהקלו על המפתחים, אז אני רוצה לשמור על המסורת גם בעידן הHTML
ולגבי הפרויקטים שאני עושה עכשיו בשביל עצמי - לא חייב שהקוד שלי יהיה מושלם, העיקר ללמוד תוך כדי שאני ממש דברים שאני רוצה שיעבדו, במילא אין מי שיעשה לי REVIEW לקוד

תודה.

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד