آموزش ساخت اپلیکیشن با Vanilla JavaScript

مدرس Sasha Vodnik

انتشار 2017/10/11

مدت زمان 1h 44m

سطح متوسط

فایل تمرینی دارد

آموزش Learning App Building with Vanilla JavaScript

کتابخانه های جاوا اسکریپت مانند jQuery و فریمورک هایی مانند React مزایای زیادی برای ارائه دارند، اما عملکرد می تواند یک معامله باشد. حذف jQuery و React می تواند سرعت سایت را بدون تأثیر بر تجربه کاربر بهبود بخشد. اما بسیاری از توسعه دهندگان هرگز کد معادل در جاوا اسکریپت را یاد نگرفته اند. این دوره به شما می آموزد که چگونه ویژگی ها و عملکردهای مشابه را با وانیلی جاوا اسکریپت برنامه ریزی کنید.\r\n\r\n او وابستگی‌ها را حذف می‌کند و نشان می‌دهد که برنامه همچنان کار می‌کند و آزمایش‌های عملکردی را برای مقایسه کد شروع و پایان انجام می‌دهد. موضوعات شامل جایگزینی دستکاری DOM، جایگزینی Ajax، جایگزینی شنوندگان رویداد، و جایگزینی انیمیشن‌های ساده، مانند نمایش، مخفی کردن، و جابجایی است. نتیجه نهایی یک برنامه جاوا اسکریپت خالص است که به عقب و با مرورگر سازگار است—بدون نیاز به کتابخانه!

Front-end Development JavaScript Vanilla

Introduction

Welcome ()

What you should know ()

Exercise files ()

1. Overview of Vanilla JS

Libraries, frameworks, and vanilla JavaScript ()

Identify when to replace frameworks and libraries ()

2. Project Overview

Application architecture ()

3. Environment Setup

Environment setup ()

Getting your API key ()

4. Replace Ajax

Fetch API ()

Create an Ajax request with Fetch ()

5. Select and Modify DOM Elements

Element selection with vanilla JavaScript ()

Select and modify elements with querySelector ()

Select and modify elements with querySelectorAll ()

6. Replace Event Listeners

JavaScript events ()

Add event listeners with vanilla JavaScript ()

Work with the event object ()

7. Implement Data Binding

Data binding ()

Create elements with vanilla JavaScript ()

Add and modify properties with vanilla JavaScript ()

Append elements with vanilla JavaScript ()

Template literals to build DOM content ()

8. Replace Simple Animations

Animation with vanilla JavaScript ()

Show and hide elements using vanilla JavaScript ()

Transition element appearance using CSS ()

9. Ensure Backward Compatibility

Backward compatibility for vanilla JavaScript ()

Transpile vanilla JavaScript ()

Conclusion

Next steps ()

Ex_Files_Learning_App_Building_VanillaJS.zip (451 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.

مسیرهای یادگیری آموزش آموزش ساخت اپلیکیشن با Vanilla JavaScript

یکی از مهمترین مشکلات افرادی که از آموزش های آنلاین استفاده می‌ کنند این است به دلیل تعداد زیاد این آموزش ها، کاربر دچار سردرگمی شده و نمی داند از کدام آموزش بهتر است شروع کند و یا با کدام آموزش ها مهارت های خود را ارتقا دهد. داشتن یک برنامه آموزشی گام به گام میتواند کاربران را از این مشکلات رها کند. در واقع مسیرهای یادگیری مجموعه ای از آموزش ها هستند که به ترتیب اولویت در کنار هم قرار گرفته اند تا کاربران را از این سردرگمی ها نجات دهند. این مسیرها در موضوعات مختلفی دسته بندی شده‌اند که در زیر، لیستی از همه دسته بندی مسیرهایی که توسط سایت لیندا ارائه شده اند را می توانید مشاهده کنید.

آموزش Learning App Building with Vanilla JavaScript در 3 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

جاوا اسکریپت که بیشتر به عنوان زبانی که وب را قدرتمند می کند شناخته می شود، می تواند در مرورگر، سرور یا پروژه های مختلف دیگر به شما خدمت کند. در حالی که شروع با جاوا اسکریپت سریع است، تسلط بر آن می تواند کند باشد. این سری از دوره ها آنچه را که برای ساختن برنامه ها نیاز دارید به شما می دهد و سپس جزئیات پیچیده جاوا اسکریپت را با دقت بررسی می کند.

آموزش آموزش ساخت اپلیکیشن با Vanilla JavaScript ، ایستگاه شماره 8 در مسیر یادگیری یک توسعه دهنده جاوا اسکریپت شوید ، است.

مسیر یادگیری یک توسعه دهنده جاوا اسکریپت شوید

در حالی که چارچوب‌ها و کتابخانه‌ها ایجاد سریع کد را آسان می‌کنند، گاهی اوقات باید بتوانید کدهای کوچک‌تر و فشرده‌تری را که کنترل می‌کنید بسازید. در این مسیر، یاد بگیرید که کد جاوا اسکریپت تمیز را برای هر برنامه کاربردی فرانت اند، با یا بدون فریمورک پشتیبانی ایجاد کنید، که دقیقاً همان کاری را که شما نیاز دارید انجام می دهد.

آموزش آموزش ساخت اپلیکیشن با Vanilla JavaScript ، ایستگاه شماره 1 در مسیر یادگیری یک برنامه نویس Vanilla JavaScript شوید ، است.

مسیر یادگیری یک برنامه نویس Vanilla JavaScript شوید

در حالی که چارچوب‌ها و کتابخانه‌ها ایجاد سریع کد را آسان می‌کنند، گاهی اوقات شما نیاز به ایجاد کد کوچک‌تر و فشرده‌تری دارید که کنترل می‌کنید. در این مسیر، یاد بگیرید که کد جاوا اسکریپت تمیز را برای هر برنامه کاربردی فرانت اند، با یا بدون فریمورک پشتیبانی ایجاد کنید، که دقیقاً همان کاری را که شما نیاز دارید انجام می دهد.

آموزش آموزش ساخت اپلیکیشن با Vanilla JavaScript ، ایستگاه شماره 1 در مسیر یادگیری توسعه وب را با Vanilla JavaScript کاوش کنید ، است.