34 שידורי מסך איכותיים

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

Un screencast הוא הקלטה דיגיטלית של פלט המסך של computadora, המכיל לפעמים קריינות שמע. למרות שהמונח screencast תאריכים מ 2004, מוצרים כגון לוטוס ScreenCam שימשו מאז 1993. המוצרים החלוצים ייצרו קבצים ענקיים והיו בעלי תכונות עריכה מוגבלות. המוצרים האחרונים תומכים בתבניות קבצים קומפקטיות יותר כגון Macromedia Flash ובעלי תכונות עריכה מתוחכמות יותר המאפשרות שינויים ברצף, בתנועת העכבר ובשמע.

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

מקור | 1WD

אינדקס

AJAX:

1.AJAX מרענן תוכן RSS

התגבר על הטרדות של רענון העמודים על ידי עדכון התוכן ללא רענון דף ידני. סרטון זה מדגים את העשייה וכיצד לרענן את עדכוני ה- RSS בעזרת AJAX.

אם אתה מבצע עדכון אחד בלבד, אני חושב שיהיה יעיל יותר לגלגל קוד JavaScript משלך, במיוחד אם הוא רק מנתח RSS. ממה שזכור לי, SimplePie נראה הרבה תקורה.

2.פשוט- Jquery- אפקט ריגול

הדבר הנהדר באתר QuickSnapper של Realmac הוא שאם JavaScript אינו פעיל, רשימת הצמדים גלויה כברירת מחדל. אז נלך בעקבותיו.

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

3.למעלה 25 מדריכי וידיאו AJAX מ- YouTube

ההדרכות המוצגות כאן נותנות התחלה מההתחלה של אופן יצירת מסמך HTML, הוספת JavaScript וגם קישור של JavaScript חיצוני לזה, בניית צ'ט AJAX, הוספת רכיבי AJAX לדף אינטרנט באמצעות מסגרת Spy, הכנסת אובייקטים של AJAX Adobe Dreamweaver, כיצד ליצור יישומי Mash up באמצעות AJAX framework, ליצור Delphi עבור PHP אינטרנט גם על AJAX MySql database

ג'קורי:

4.כותרות הזזה כמו אייפון

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

5.קפיצת האנימציה של החלקה למטה שוב

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

6.גלריית המחוונים

רוצה ליצור גלריה עם שקופית כדי לנווט בין הפריטים? יציקת מסך זו מסייעת לכם בצעדים פשוטים לתרגם את מיקום המחוונים כדי להחליק את המוצרים באופן הפוך בעזרת Markup, בקרת מחוון ווידג'ט, jQueryUI, CSS ותוספים מסוימים המספקים גלילה מהירה יותר והשהה בעת הצורך. את המוצרים שלך ואתה יכול לגלגל את התמונות שלך וכו '.

7.Jquery למתחילים מוחלטים

סדרה למתחילים מוחלטים של 15 יום ב- Jquery עם Theme forest.net כהפניה מאת ג'ף וואי, שיש לו סרטונים בלעדיים לכל יום שבהם תוכלו ללמוד את כל השיטות, מחליף סגנון Jquery, אפקט רחף והרבה יותר בשימוש ב- Themeforest.net.

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

8.בנה תפריט ניווט בסגנון מנורת לבה

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

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

9.קרוסלה אוטומטית אינסופית

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

אנו יכולים להשתמש בקרוסלה זו גם למטרה דינמית.

10.ג'קרי נראה טים ואן דאם

ההשפעות המרכזיות של אפקט טים האקורדיון והרחף שעובדות רק ב- Webkit יכולות לעבוד גם ב- jQuery כאשר לוקחים בחשבון שני גורמים, כלומר שוליים מונפשים - שמאל ואפקט crossfade רקע רקע.

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

11.חלון כניסה קופץ

אימות נעשה תמיד בעזרת סיסמה. יציקת מסך זו תהיה שימושית מאוד למטרות הרשאה.

במסך מסך זה אנו יוצרים חלון קופץ פשוט המאמת את הסיסמה של חשבון בשרת LDAP ושם הנתונים עוברים מקישור לחלון שנוצר באופן דינמי.

12.שידורי מסך לבניית תוסף jquery משלך

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

כדי ללמוד את השלבים המלאים, עיין בהרכב המסך השלם.

13. סדרת סרטי וידיאו

משטר אימונים משוכלל ומדויק יותר של 10 דקות עבור Themeforest.net ומשתמש באופן זהה כיצד להשתמש בספריית Jquery וליצור פרויקטים משלך בעזרת תיאור סדרת וידאו למשך 15 יום.

הסדרה כולה תביא את המתחילים למקצוענים מצליחים ב- Jquery, והם יכולים לערוך ולהתאים אישית את יישומי Jquery בצורה גמישה.

תסריטי PHP:

14.צולל ל- PHP

סיור קצר בנושאים שונים ב- PHP ניתן כמדריכים נפרדים. מדריכים עצמאיים אלה של ג'פרי דרך מלמדים אותך להעלות קבצים באמצעות PHP בעזרת הבלוג ThemeForest המהווה מקור מלא בשאילתות PHP.

צוות שחקנים זה מכסה את הנושאים השונים עבור משתמשים מתחילים ודרג ביניים.

15.שידור מסך Json Jquery Ajax של PHP

כדי ליצור תקשורת בין מקור נתונים ל- PHP ו- JSON באמצעות פונקציונליות AJAX של jQuery, כאשר אנו יוצרים סקריפט לשליחת נתוני JSON, ואז מערך PHP ואז נטען את הקובץ ומקור הנתונים שלנו מאוכלס.

כדי ללמוד את השלבים המלאים אנא צפה בשידור המסך השלם. זה שידור מסך מתקדם לאוהבי PHP.

16. אתר מנהל תמונות באמצעות PHP ו- Jquery

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

אתה יכול לנהל את כל גלריית התמונות בהתאם לדרישתך. המומחיות של צוות המסך הזה היא באמצעות Jquery אנו ניגשים לגלריות.

תסריטי CSS:

17.HTML ו- CSS הבסיסי ביותר

עזרו למתחילים המוחלטים ביסודות ה- HTML וה- CSS שהם קבצי טקסט בלבד לרמה בה תוכלו להשתמש בהם בתור תצוגה מקדימה באתר שלכם.

צוות המסך הזה מלמד אותך ש- HTML הוא התוכן ו- CSS הוא העיצוב של האתר וגם כיצד ליצור אתר באיכות טובה. כאן תוכל ללמוד את היסודות של HTML ו- CSS, כך שתוכל להתמודד עם אתרי האינטרנט בקלות כשנלמד. את היסודות היטב.

18.גלריית תמונות CSS3 הניתנת לעריכה

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

אבל דף גלריית התמונות הזה עושה שימוש בסימון HTML5 סמנטי לוהט, המון פינוקים חזותיים עם CSS3 ו- jQuery, וניתן לעריכה באמצעות CMS PageLime.

19. כיצד להשתמש בספרייטים של CSS

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

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

20.מבט מפורט על מסגרת 960 CSS

מערכת ה- 960 Grid היא מאמץ לייעל את זרימת העבודה בפיתוח אתרים על ידי מתן ממדים נפוצים, בהתבסס על רוחב של 960 פיקסלים. ישנן שתי גרסאות: 12 ו -16 עמודות, בהן ניתן להשתמש בנפרד או במקביל.

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

21. מחליף תמונות

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

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

22.בניית גלריית תמונות

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

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

23.הטמעת שמע

איך משבצים קובץ MP3 (כמו פודקאסט, שיר או מוסיקת רקע) בדף אינטרנט או בפיד RSS, כך שהמבקרים יוכלו להאזין לאודיו בדפדפן עצמו מבלי לדרוש נגן חיצוני כמו QuickTime או Windows Media Player.

ברוב התמונה אנו משתמשים בתמונה או בקובץ שמע. אבל תמונה עם שמע ברקע הופכת את המשתמש למדי נוח לתפוס את המידע. כריס קויייר מלמד את אותו הדבר בעזרת JavaScript ופלאש בקאסט מסך זה.

24.שימוש ב- CSS3

מחשבים על פונקציות ותכונות חדשות ומלהיבות רבות CSS3. ננסה להציג כמה מהן בדף אינטרנט זה. לשיפורים חזותיים כמו רקעים מרובים, RGB, תמונת גבול, רדיוס גבול, פנים @font, אנימציות / מעברים ועוד הרבה יותר עבור CSS3 נמצא בתנועה עכשיו.

כדי לעקוב אחר הגל האחרון הזה תוכלו להציץ בקאסט המסך הזה.

25.היכרות עם אש-אש

אתה יכול לקבל את המידע אודות הסימון, CSS, הפריסה וה- DOM של אלמנט בעמוד עם Firebug, הרחבה של Firefox שהפכה לבלתי נמנעת עבור מעצבי אתרים ומפתחים, שם תוכל לערוך ולראות את התוצאות ישירות בדפדפן.

למידע נוסף למד את צוות המסך הזה.

26.דף ייחודי לעדכוני טוויטר

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

כדי להשיג משימה זו עקוב אחר יצוק המסך הזה שמנחה אותך מחומר ה- javascript אל CSS כדי לעצב את הדף שלך.

קוד קוד:

27.שידורי מסך בסיסיים

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

בתכנית המסך הזו זה נותן לך היכרות עם CodeIgniter וגם ליצור בלוג ב- CodeIgniter באמצעות PHP מאת דרק ג'ונס.

28.פיתוח קל עם קוד קוד

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

להוט לכוון מיומנויות PHP לאחר לימוד ההקדמה, עבור לשלב הבא, שידור מסך זה מלמד אותך להעלות תמונה ולשמור אותה לאחר אימות ראשוני באמצעות PHP ב- CodeIgniter.

29.שידורי הפעלת רוצחים עבור קוד קוד

התכונן ליצור יישום ראשון שלך באמצעות CodeIgniter, ליצור טופס באמצעות בונה טפסים, לבנות יישום לדוגמה, ליצור בלוג תוך 20 דקות, ליצור עימוד, לשלוח ולקבל נתונים באמצעות jQuery Post ו- JSON בתסריט זה של 10 דקות מאת דרק ג'ונס. .

אנו מקווים שתלמד הלאה מסגרת פיתוח יישומים CodeIgniter לאחר תצוגת screencast.

XML:

30.בנה מערכת כניסה ורישום באמצעות xml

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

באמצעות XML נוכל ליצור טופס כניסה ורישום בהרבה פחות זמן מ- MySQL, טים קופר בקאסט מסך זה מראה לנו זאת על ידי בחינת PHP, .htaccess, קבצים, הפעלות ועוד.

31.יוצר טפסים

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

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

32.פרמטריזה של נתוני בדיקה באמצעות XML

צור סקריפטים אוטומטיים לבדיקת פונקציונליות של יישומי אינטרנט ב- Internet Explorer ב- Windows.

מתוך צוות השחקנים המסך הזה משיגים משימה זו בעזרת Pamie - קובץ מחלקה של Python שיוצר סקריפט בדיקת Pamie לאוטומציה של טופס, יצירת קובץ XML, קריאת נתונים והפעלת הבדיקה.

זה מראה לך:

  • כיצד ליצור סקריפט בדיקת Pamie כדי להפוך טופס לאוטומטי
  • כיצד למצוא את השמות והמזהים של רכיבי DOM לאוטומציה
  • יצירת קובץ XML מאפס באמצעות Notepad ++
  • כיצד לקרוא את הנתונים בקובץ XML באמצעות ElementTree
  • איך להריץ את המבחן

33.מסך יציקות כדי לגרום לך לבעוט בתחת עם דרופל

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

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

34. סבב דרופל

קבלו את כל המידע שרציתם לדעת על דרופל, סריקת שידור זו מעניקה לכם את מיטב התסריטים של דרופל, הספרים הטובים ביותר על דרופל, משאבים, מודולים וגם טרדותיו של דרופל. קבלו את התסריטים האחרונים ב- Drupal 6, למדו אודות CSS Injector, Node Convert, תסמונת מזנון פתוח, יצירת גיבוי, על Webform, כניסה למזחלות, מסנני קלט, אורך טיזר ועוד המון אודות פלטפורמת ניהול תוכן זו - דרופל


תוכן המאמר עומד בעקרונותינו של אתיקה עריכתית. כדי לדווח על שגיאה לחץ כאן.

היה הראשון להגיב

השאירו את התגובה שלכם

כתובת הדוא"ל שלך לא תפורסם.

*

*

  1. אחראי לנתונים: מיגל אנחל גטון
  2. מטרת הנתונים: בקרת ספאם, ניהול תגובות.
  3. לגיטימציה: הסכמתך
  4. מסירת הנתונים: הנתונים לא יועברו לצדדים שלישיים אלא בהתחייבות חוקית.
  5. אחסון נתונים: מסד נתונים המתארח על ידי Occentus Networks (EU)
  6. זכויות: בכל עת תוכל להגביל, לשחזר ולמחוק את המידע שלך.