دورة من ONLEARN
Vanilla JS for Dynamic Storytelling
Craft interactive narratives and engaging web experiences using pure JavaScript, no frameworks needed. Bring your static content to life with clever DOM manipulation and event handling.
متوسطEnglish3 أقسام4 ساعات486 متعلّماً
ما ستتمكّن من فعله
- Manipulate the DOM dynamically to create interactive story elements.
- Implement effective event listeners for user interaction and narrative progression.
- Fetch and display external data to enrich storytelling experiences.
- Develop smooth scrolling animations and transitions for narrative flow.
- Structure JavaScript code for maintainability in complex interactive projects.
- Build a complete, multi-chapter interactive story application using Vanilla JS.
داخل هذه الدورة
3 أقسام · 12 نشاطاً · 4 ساعات إجمالاً
01Module 1: Foundations of Interactive Storytelling
- Introduction to Dynamic Storytelling with JS10:00
- DOM Manipulation for Narrative Elements20:00
- Event Handling: Bringing User Interaction to Life25:00
- Exercise: Building a Simple Click-Through Story20:00
02Module 2: Advanced Interaction and Data Integration
- Smooth Scrolling and Parallax Effects25:00
- Fetching External Data for Richer Stories20:00
- Conditional Rendering and State Management25:00
- Project: Interactive Timeline with External Data30:00
03Module 3: Structuring and Deploying Your Story
- Modular JavaScript for Complex Narratives20:00
- Performance Considerations for Interactive Web Apps15:00
- Deployment Basics for Your Web Story10:00
- Final Project: Multi-Chapter Dynamic Story40:00
عن هذه الدورة
Unlock the power of Vanilla JavaScript to craft engaging and interactive web-based narratives. This course teaches you to build dynamic storytelling experiences without relying on heavy frameworks.
لمن هذه الدورة
- Web developers looking to enhance their Vanilla JS skills for interactive projects.
- Content creators and designers interested in building dynamic web narratives.
- Anyone who wants to create engaging, framework-agnostic web experiences.
- JavaScript developers who want to deepen their understanding of DOM manipulation and event handling.
قبل أن تبدأ
- Basic understanding of HTML and CSS.
- Intermediate knowledge of JavaScript fundamentals (variables, functions, loops, objects).
- A code editor (VS Code recommended).
- A modern web browser.
تجارب التعلّم
251 تقييماًتقييمات المتعلّمين
4.7 / 5 · متوسط تقييم المتعلّمين
تفاصيل مفيدة
كيف سأتعلّم؟
تابع أقسام الدورة وأنشطتها في مشغّل الدورات على Onlearn بالوتيرة التي تناسبك. يُحفظ تقدّمك في حسابك.
هل هذا اشتراك؟
لا. تُشترى كل دورة بشكل منفرد بدفعة واحدة.