37 Courses delivered Online

This course primarily focuses on explaining the concepts of the Document Object Model through a project-based approach. It will help you enhance your coding skills using JavaScript along with a deeper understanding of the DOM fundamentals.

Why Choose Unity 3D Intermediate Level Training Course? Click here for more info Learn game development potential with our Unity 3D training courses. Perfect for beginners and experienced developers, learn to create high-quality 3D & 2D games across various platforms. Led by certified Unity instructors, explore mobile, desktop, VR/AR, consoles, and Web game development. Duration: 20 hrs Method: 1-on-1, Personalized attention Schedule: Tailor your own hours of your choice, available from Mon to Sat between 9 am and 7 pm Learn Unity 3D and VR Development with a course at London Design Courses. Explore Unity 3D's core features in our immersive course. Delve into materials, animations, and scripting for dynamic 3D games and applications. Tailored for all levels, the course offers personalized learning and expert insights. Additionally, discover the world of VR development with Unity 3D, mastering hardware setup and immersive experiences. Join us to unleash your game development and VR potential. Course Outline: Hours 1-2: Introduction to Unity Explore the Unity interface and workspace Initiate a new Unity project Set up the basic scene and navigation Hours 3-4: Importing Assets Discover and download free assets Import assets into Unity Understand different asset types and their applications Hours 5-6: Building the Environment Utilize Unity's terrain tool for environment creation Enhance with textures and materials Add environmental objects to enrich the scene Hours 7-8: Character Design Create 3D models for characters Rig and animate the character Import the character into Unity Hours 9-10: Player Controls Set up and comprehend player controls Script basic movements and interactions Implement camera controls for seamless gameplay Hours 11-12: Physics Grasp and implement physics in Unity Configure collisions and triggers Integrate gravity, force, and torque for realism Hours 13-14: Audio Master audio implementation in Unity Add sound effects and background music Fine-tune volume and pitch for immersive experiences Hours 15-16: Lighting and Effects Employ lighting techniques in Unity Create dynamic day-night cycles Enhance visuals with lens flares and particle systems Hours 17-18: User Interface Construct a user interface with Unity's canvas system Integrate interactive elements like buttons and menus Script user interface components for smooth functionality Hours 19-20: Optimization and Performance Implement optimization techniques in Unity Utilize the profiler to analyze performance Improve frame rate and reduce memory usage Hours 21-22: Multiplayer Explore multiplayer implementation in Unity Set up a local multiplayer game Hours 23-24: Mobile Development Discover mobile development in Unity Build and deploy games for mobile devices Optimize for mobile performance and controls Hour 25: Advanced Topics Dive into advanced scripting techniques like coroutines, delegates, and events Explore shader programming and visual effects Delve into VR development with Unity and Oculus Quest Final Project: Create a Simple Game from Start to Finish Test the game and identify bugs Make necessary adjustments and improvements Experience the Real-Time Development Platform - Get Started on Unity Pro Today: https://www.unity.com/ Create 3D, 2D, VR & AR Experiences for Any Industry - Games, Auto, AEC, Film, and More. A Complete Solution to Develop Better, Iterate Faster, and Grow Your Business. Learning Outcome: By completing the Unity 3D Training Course, you will: Master Unity's interface and workspace. Import and manage diverse assets effectively. Create captivating environments and characters. Implement player controls and physics for realism. Enhance your games with audio and visual effects. Design user-friendly interfaces with interactive elements. Optimize performance and reduce memory usage. Explore multiplayer and mobile game development. Delve into advanced scripting techniques and VR development. Successfully create a simple game from start to finish.

Product Overview: Media and Art Diploma   Are you passionate about exploring the dynamic world of media and art? Are you eager to hone your creative skills and develop expertise in various digital mediums? Look no further than our comprehensive Media and Art Diploma program. This diploma is designed to provide you with a solid foundation in essential areas of media and artistry, equipping you with the tools and knowledge necessary to thrive in today's competitive creative industries.   Module 1: Introduction to Media and Art Embark on your journey into the vibrant realm of media and art. In this foundational module, you'll gain an understanding of the historical and contemporary context of media and art, exploring key concepts, theories, and practices. Delve into the diverse forms of artistic expression and learn how media influences culture and society. Module 2: Digital Photography Unlock the power of visual storytelling through the lens of digital photography. Whether you're a beginner or an enthusiast, this module will teach you the fundamentals of photography, including camera operation, composition techniques, lighting principles, and post-processing skills. Explore various genres and styles, from portrait and landscape photography to still life and documentary photography. Module 3: Videography Dive into the world of videography and learn how to craft compelling narratives through moving images. From scripting and storyboarding to shooting and editing, this module covers all aspects of video production. Master camera techniques, cinematography principles, and editing software to create professional-quality videos for a range of platforms and purposes. Module 4: Audio Production Unleash your creativity in the realm of audio production. Explore the art and science of sound, from recording and editing to mixing and mastering. Learn how to use industry-standard software and hardware to produce high-quality audio content, including music, podcasts, voiceovers, and sound effects. Develop your ear for sound design and learn to create immersive auditory experiences. Module 5: Graphic Design Discover the power of visual communication through graphic design. This module introduces you to the principles of design, typography, color theory, and layout. Gain hands-on experience with industry-standard design software as you create logos, posters, advertisements, and other visual assets. Explore the intersection of art and technology, and learn how to effectively convey messages and concepts through graphic imagery. Module 6: Motion Graphics and Animation Take your creativity to the next level with motion graphics and animation. Learn how to bring static images to life and create dynamic visual content for film, television, web, and mobile platforms. From motion graphics and kinetic typography to 2D and 3D animation, this module covers a range of techniques and tools to help you express your ideas with motion and movement.   Throughout the Media and Art Diploma program, you'll have the opportunity to work on hands-on projects, receive personalized feedback from industry professionals, and collaborate with peers in a supportive learning environment. Whether you aspire to pursue a career in photography, filmmaking, graphic design, animation, or multimedia production, this diploma will empower you to unleash your creative potential and make your mark in the world of media and art. Join us and embark on an inspiring journey of creativity, innovation, and expression. Course Curriculum Module 1_ Introduction to Media and Art Introduction to Media and Art 00:00 Module 2_ Digital Photography Digital Photography 00:00 Module 3_ Videography Videography 00:00 Module 4_ Audio Production Audio Production 00:00 Module 5_ Graphic Design Graphic Design 00:00 Module 6_ Motion Graphics and Animation Motion Graphics and Animation 00:00

Recognised Accreditation This course is accredited by continuing professional development (CPD). CPD UK is globally recognised by employers, professional organisations, and academic institutions, thus a certificate from CPD Certification Service creates value towards your professional goal and achievement. The Quality Licence Scheme is a brand of the Skills and Education Group, a leading national awarding organisation for providing high-quality vocational qualifications across a wide range of industries. What is CPD? Employers, professional organisations, and academic institutions all recognise CPD, therefore a credential from CPD Certification Service adds value to your professional goals and achievements. Benefits of CPD Improve your employment prospects Boost your job satisfaction Promotes career advancement Enhances your CV Provides you with a competitive edge in the job market Demonstrate your dedication Showcases your professional capabilities What is IPHM? The IPHM is an Accreditation Board that provides Training Providers with international and global accreditation. The Practitioners of Holistic Medicine (IPHM) accreditation is a guarantee of quality and skill. Benefits of IPHM It will help you establish a positive reputation in your chosen field You can join a network and community of successful therapists that are dedicated to providing excellent care to their client You can flaunt this accreditation in your CV It is a worldwide recognised accreditation What is Quality Licence Scheme? This course is endorsed by the Quality Licence Scheme for its high-quality, non-regulated provision and training programmes. The Quality Licence Scheme is a brand of the Skills and Education Group, a leading national awarding organisation for providing high-quality vocational qualifications across a wide range of industries. Benefits of Quality License Scheme Certificate is valuable Provides a competitive edge in your career It will make your CV stand out Course Curriculum Introduction to The Course Introduction 00:02:00 Downloading Audacity 00:01:00 Creating a New Project 00:02:00 Getting Familiar With Audacity Playback And Transport 00:07:00 Zooming And Navegation 00:06:00 Managing Tracks 00:09:00 Showing Waveform And Spectogram 00:06:00 Mono And Stereo Tracks 00:05:00 Tools and Techniques for Recording and Mixing Editing Tracks 00:09:00 Using Labels to Identify Sections 00:06:00 Recording Audio with your Smart Phone and Good Acoustics 00:09:00 Recording Audio Inside Audacity 00:05:00 Cleaning and Improving the Recorded Audio 00:10:00 Compressing to Improve Audio Levels 00:16:00 Editing Audio with the different tools in Audacity 00:12:00 Mixing a Scene - Music and Sound Effects 00:18:00 Adding Dialogue to Finishing off the Scene 00:19:00 Obtain Your Certificate Order Your Certificate of Achievement 00:00:00 Get Your Insurance Now Get Your Insurance Now 00:00:00 Feedback Feedback 00:00:00

Overview This comprehensive course on Flappy Bird Clone: SFML C++ Game will deepen your understanding on this topic. After successful completion of this course you can acquire the required skills in this sector. This Flappy Bird Clone: SFML C++ Game comes with accredited certification, which will enhance your CV and make you worthy in the job market. So enrol in this course today to fast track your career ladder. How will I get my certificate? You may have to take a quiz or a written test online during or after the course. After successfully completing the course, you will be eligible for the certificate. Who is This course for? There is no experience or previous qualifications required for enrolment on this Flappy Bird Clone: SFML C++ Game. It is available to all students, of all academic backgrounds. Requirements Our Flappy Bird Clone: SFML C++ Game is fully compatible with PC's, Mac's, Laptop, Tablet and Smartphone devices. This course has been designed to be fully compatible with tablets and smartphones so you can access your course on Wi-Fi, 3G or 4G. There is no time limit for completing this course, it can be studied in your own time at your own pace. Career Path Having these various qualifications will increase the value in your CV and open you up to multiple sectors such as Business & Management, Admin, Accountancy & Finance, Secretarial & PA, Teaching & Mentoring etc. Course Curriculum 8 sections • 34 lectures • 05:27:00 total length •Introduction: 00:02:00 •Setup Project - Windows (Visual Studio): 00:14:00 •Setup Project - Mac OS X (Xcode): 00:11:00 •State Machine: 00:18:00 •Asset Manager: 00:08:00 •Input Manager: 00:08:00 •Game Loop: 00:14:00 •Splash State: 00:17:00 •Main Menu State: 00:16:00 •Game State: 00:07:00 •Game Over State: 00:04:00 •Pipe Class Setup: 00:08:00 •Spawn Moving Pipes: 00:11:00 •Automatically Spawning Pipes and Deleting Them: 00:08:00 •Create Moving Ground: 00:14:00 •Randomise Pipe Y Position: 00:06:00 •Bird Class Setup: 00:10:00 •Animating the Bird: 00:08:00 •Fly Bird Fly: 00:11:00 •Rotate Bird: 00:06:00 •Collision with the Ground & Game State System: 00:15:00 •Collision with the Pipes: 00:09:00 •Flash Screen White upon Death: 00:12:00 •Scoring System: 00:15:00 •Displaying the Score: 00:18:00 •Setup: 00:16:00 •Display Score: 00:08:00 •Saving Score: 00:06:00 •Medals: 00:08:00 •Sound Effects: 00:08:00 •Hide Console on Windows: 00:01:00 •Distributing Your Game on Windows: 00:03:00 •Where to Go Next?: 00:07:00 •Resource: 00:00:00

Who is this Course for? Mastering Unity 3D Intermediate Level Training Course Our Unity 3D training programs are tailored for individuals aspiring to become game developers, creative minds, & enthusiasts keen to explore the realm of game development. Learn 3D & 2D games or looking to master Unity's cross-platform features. Click here for more info: Website Duration: 20 hours Approach: 1-on-1 Individualized Attention & Customized Content Timetable: Scheduling any hour between 9 am and 7 pm, from Mon to Sat Course Overview: Sessions 1-2: Introduction to Unity Familiarize yourself with Unity's interface and workspace Create a new Unity project and set up the initial scene and navigation Sessions 3-4: Asset Management Explore and download free assets Import various asset types into Unity and understand their applications Sessions 5-6: Environmental Design Utilize Unity's terrain tools for environment creation Enhance scenes with textures, materials, and environmental objects Sessions 7-8: Character Development Design 3D character models Rig, animate, and import characters into Unity Sessions 9-10: Player Interaction Set up player controls and script basic movements Implement camera controls for seamless gameplay experiences Sessions 11-12: Physics and Realism Understand and implement physics in Unity Configure collisions, gravity, force, and torque for realistic interactions Sessions 13-14: Audio Enhancement Master audio implementation with sound effects and background music Fine-tune volume and pitch for immersive gameplay Sessions 15-16: Lighting and Visual Effects Employ advanced lighting techniques, including dynamic day-night cycles Enhance visuals with lens flares and particle systems Sessions 17-18: User Interface Design Construct user interfaces using Unity's canvas system Integrate interactive elements such as buttons and menus, ensuring smooth functionality Sessions 19-20: Optimization and Performance Implement optimization techniques and utilize the profiler for performance analysis Improve frame rates and reduce memory usage for seamless gameplay Session 21-22: Multiplayer Integration Explore multiplayer implementation and set up local multiplayer games Session 23-24: Mobile Game Development Discover mobile game development in Unity Build, deploy, and optimize games for mobile devices, focusing on performance and controls Session 25: Advanced Topics Delve into advanced scripting techniques, including coroutines, delegates, and events Explore shader programming and visual effects, and venture into VR development with Unity and Oculus Quest Final Project: Create a Comprehensive Game Test the game thoroughly, identify and resolve bugs Make necessary adjustments and improvements for a polished final product Experience the Real-Time Development Platform: Unleash your creativity and create 3D, 2D, VR, and AR experiences across various industries, including games, automotive, AEC, film, and more. Unity Pro offers a complete solution to develop better, iterate faster, and grow your business. Enjoy amazing games and immersive experiences with multi-platform support. Get started today: Unity Pro. Learning Outcomes: Participants will gain expertise in Unity 3D, mastering asset management, environmental design, character animation, player interaction, physics, audio, lighting, UI, optimization, and advanced scripting. They will develop a complete game, honing skills in debugging and project completion. Career Opportunities: Graduates can pursue roles as Game Developers, Mobile Game Developers, VR/AR Developers, Game Designers, UI/UX Designers, Game Testers, Indie Game Developers, Educational Game Developers, Freelance Developers, or Game Development Instructors, leveraging their Unity 3D skills for diverse and exciting career paths in the gaming industry. Skills Acquired: Participants in the Mastering Unity 3D Intermediate Level Training Course will gain advanced proficiency in Unity 3D game development, including: Advanced 3D Game Development Techniques Real-time Physics and Animation Skills Multiplatform Game Deployment Expertise Job Opportunities: Upon completion, individuals can pursue roles such as: Game Developer Unity 3D Programmer AR/VR Developer Interactive Simulation Designer This course equips participants with the expertise required for exciting opportunities in game development studios, AR/VR companies, and interactive media agencies, setting the stage for a successful career in the gaming and simulation industry. Course Advantages: Comprehensive Unity Mastery: Develop expertise in various Unity aspects, including game design, scripting, animation, and optimization. Hands-On Project Experience: Engage in practical projects mirroring real-world game development, enhancing your skills and portfolio. Interactive Live Instruction: Learn from experienced instructors in real-time, encouraging interactive discussions, Q&A sessions, and personalized guidance. Flexible Learning Paths: Opt for in-person or online classes, ensuring accessible and convenient learning tailored to your needs. Lesson Revisions: Access recorded lessons, allowing flexible review and reinforcement of concepts at your own pace. Lifetime Email Support: Benefit from ongoing support via email, where experts are available to assist with any questions or challenges, even after the course concludes.

Why Choose Unity 3D Game Design Training Course? Course Link Unity transforms ideas into reality, offering limitless possibilities for 2D and 3D games, VR, AR, and AI experiences. From films to architecture, training videos, and interactive tutorials, Unity revolutionizes industries with its interactive engagement, making it the top choice for solutions. Duration: 10 hrs Method: 1-on-1, Personalized attention Schedule: Tailor your own hours of your choice, available from Mon to Sat between 9 am and 7 pm Is Unity Good for Beginners? Definitely! Unity is an ideal starting point for beginners in game development. It offers an accessible platform to learn state logic and C# programming, making it popular among new programmers. Whether you choose self-guided or structured learning, Unity provides a strong foundation for 3D game development. Coding in Unity? Coding is optional in Unity, thanks to the visual scripting tool, Bolt. Users can implement ideas without coding using flow graphs and state graphs for low-level and high-level logic. Paid tools like PlayMaker and Adventure Creator offer more advanced gameplay and AI behaviors. How Does Unity's Game Engine Work? Unity operates as a versatile scene player, initializing settings for graphics, audio, and input devices at game start. It loads scenes with assets and game objects, executing a cycle that renders scenes, runs physics simulations, and handles events, providing a seamless and dynamic game experience. Is Unity Good for Beginners? Definitely! Unity is an ideal starting point for beginners in game development. It offers an accessible platform to learn state logic and C# programming, making it popular among new programmers. Whether you choose self-guided or structured learning, Unity provides a strong foundation for 3D game development. 10-hour Unity 3D Game Design Training Course: Module 1: Introduction to Unity 3D (2 hours) - What is Unity 3D and why use it for game design? - Understanding the Unity 3D interface - Creating and managing projects in Unity 3D - Importing and managing assets in Unity 3D - Understanding game objects and components in Unity 3D Module 2: Game Mechanics (2 hours) - Basic game mechanics and concepts - Player movement and camera control - Creating and controlling game objects - Working with physics and collision detection - Creating interactive environments Module 3: Scripting with C# (2 hours) - Introduction to C# scripting language - Understanding variables and data types in C# - Creating and using functions in C# - Controlling game objects with C# - Understanding game loops and events Module 4: User Interfaces and Audio (2 hours) - Designing user interfaces in Unity 3D - Creating and using buttons, sliders, and input fields - Audio import and editing in Unity 3D - Creating and controlling game sound effects and background music Module 5: Optimization and Deployment (2 hours) - Understanding game optimization in Unity 3D - Optimizing game performance with scripting - Building and testing games for desktop and mobile platforms - Publishing games on the web or app stores Introduction to Unity: - Introduction to gaming and the game development process - Unity Basics - Interface - Inspector - Project and Hierarchy Starting Making a Game: - Working with Projects - Creating Projects - Importing Geometry - Importing Textures - Using the terrain generator to make the terrain - Creating basic primitives in Unity Materials: - Working with materials 1 - Working with materials 2 - Finishing materials on all objects Lighting: - Creating lights - Adjusting Lights - Creating Sunlight Animation: - Animating objects - Animating lights - Adjusting Animations Audio: - Adding Sound - Interacting with sound - Modifying sound Programming Tools: - JavaScript - Editor for JavaScript - Variables and functions - Simple programming Testing: - Testing the game - Fixing bugs - Making changes in games Building the Game: - Game authoring Settings - Building the game for windows - Playing the game Utilize Unity Pro, the ultimate real-time development platform, to craft 3D, 2D, VR, and AR experiences across diverse industries. From games to auto, AEC, and film, Unity Pro empowers you to create immersive content with multi-platform support. Visit https://www.unity.com/ to kickstart your journey today, enabling faster iterations and business growth through unparalleled development capabilities.

Build a stunning cinematic 3D animation scene from start to finish in Unreal Engine 4

🚀 Unlock Your Creative Potential with Vyond Mastery: Unleashing Animated Creativity! 🚀 Are you ready to transform your ideas into captivating animations that grab attention, convey messages effectively, and elevate your content to the next level? Look no further! Introducing our groundbreaking online course: Vyond Mastery - Unleashing Animated Creativity!   🌟 What's Inside? ✨ Module 1: Getting Started with Vyond Master the basics of Vyond, from navigating the interface to creating your first animation. Learn insider tips and tricks for a seamless animation workflow. ✨ Module 2: Crafting Compelling Storylines Dive deep into the art of storytelling and discover how to structure narratives for maximum impact. Explore techniques to engage your audience emotionally through animated storytelling. ✨ Module 3: Advanced Animation Techniques Elevate your animations with advanced techniques and transitions. Uncover the secrets to fluid character movements and dynamic scene transitions. ✨ Module 4: Voiceovers and Sound Design Learn to integrate professional voiceovers and sound effects to enhance your animations. Discover the importance of audio in creating a memorable viewer experience. ✨ Module 5: Branding and Consistency Develop a consistent and memorable brand identity through your animations. Explore ways to align your animated content with your brand message and values. ✨ Module 6: Exporting and Sharing Your Masterpieces Get hands-on experience with exporting options and choose the best formats for various platforms. Learn strategies for sharing your animated creations effectively on social media and other channels.   🎓 Why Choose Vyond Mastery? Expert Guidance: Led by industry experts with years of experience in animation and storytelling. Practical Learning: Hands-on exercises and real-world examples to reinforce your skills. Lifetime Access: Learn at your own pace and revisit the course content whenever you need. Community Support: Connect with a community of like-minded learners and share your progress.   🌈 Who Can Benefit? Content Creators Marketers Educators Business Owners Social Media Managers   💥 Ready to Transform Your Ideas into Animated Masterpieces? Enroll Today! Unleash your creativity, captivate your audience, and make your mark with Vyond Mastery - Unleashing Animated Creativity! 🚀 Course Curriculum Basic Overview 00:00 Pricing 00:00 Vyond Resources 00:00 Interface and Timeline 00:00 Adding Templates 00:00 Character Library 00:00 Character Properties - Part-1 00:00 Character Properties - Part -2' 00:00 Character Properties - Part -3 00:00 Prop Library 00:00 Prop Properties 00:00 Chart Properties - Part 1 00:00 Chart Properties - Part 2 00:00 Text Library 00:00 Text Properties 00:00 Scene Transitions 00:00 Differences with Whiteboard Animation - Part 1 00:00 Differences with Whiteboard Animation - Part 2 00:00 Adding in the Camera to Zoom In 00:00 Conclusion 00:00 Advanced Overview 00:00 Video Script From Existing Video 00:00 Video Script From Existing Audio 00:00 Creating Video Scripts from An Existing Article Document 00:00 Creating Video Scripts From Existing PowerPoints 00:00 Structuring Your Script and Storyboard Document 00:00 Setting Up for the Audio Recording and Voiceover 00:00 Narration of your Audio Script 00:00 Creation of Scene Timings 00:00 Uploading The Audio to Vyond 00:00 Adding In Music 00:00 Scene Theme Selections 00:00 Storyboarding Scenes 00:00 Business and Contemporary Vs Whiteboard 00:00 Storyboarding Whiteboard Style Videos 00:00 Adding Images to Whitebord Style Videos 00:00 Adding the Camera and Exit Effect to Images 00:00 Changing the Background and the Text 00:00 Adding Scene Transitions to Sync Up Your 00:00 Conclusion 00:00

Register on the Learn DOM Manipulation with JavaScript today and build the experience, skills and knowledge you need to enhance your professional development and work towards your dream job. Study this course through online learning and take the first steps towards a long-term career. The course consists of a number of easy to digest, in-depth modules, designed to provide you with a detailed, expert level of knowledge. Learn through a mixture of instructional video lessons and online study materials. Receive online tutor support as you study the course, to ensure you are supported every step of the way. Get an e-certificate as proof of your course completion. The Learn DOM Manipulation with JavaScript is incredibly great value and allows you to study at your own pace. Access the course modules from any internet-enabled device, including computers, tablet, and smartphones. The course is designed to increase your employability and equip you with everything you need to be a success. Enrol on the now and start learning instantly! What You Get With The Learn DOM Manipulation with JavaScript Receive a e-certificate upon successful completion of the course Get taught by experienced, professional instructors Study at a time and pace that suits your learning style Get instant feedback on assessments 24/7 help and advice via email or live chat Get full tutor support on weekdays (Monday to Friday) Course Design The course is delivered through our online learning platform, accessible through any internet-connected device. There are no formal deadlines or teaching schedules, meaning you are free to study the course at your own pace. You are taught through a combination of Video lessons Online study materials Certification Upon successful completion of the course, you will be able to obtain your course completion e-certificate free of cost. Print copy by post is also available at an additional cost of £9.99 and PDF Certificate at £4.99. Who Is This Course For: The course is ideal for those who already work in this sector or are an aspiring professional. This course is designed to enhance your expertise and boost your CV. Learn key skills and gain a professional qualification to prove your newly-acquired knowledge. Requirements: The online training is open to all students and has no formal entry requirements. To study the Learn DOM Manipulation with JavaScript, all your need is a passion for learning, a good understanding of English, numeracy, and IT skills. You must also be over the age of 16.  Course Content Unit 01: Course Introduction What is the DOM? 00:02:00 Your first DOM update 00:05:00 Course Project: Code DOM Adventure 00:04:00 Unit 02: DOM Fundamentals HTML and the DOM 00:05:00 DOM standards 00:05:00 The BOM 00:04:00 The CSSOM 00:03:00 The tree (Data structure) 00:05:00 The DOM tree 00:11:00 The DOM and JavaScript 00:01:00 Unit 03: Code DOM Adventure App architecture 00:08:00 Challenge solution: The exit screen 00:04:00 App skeleton 00:05:00 The splash screen file 00:03:00 Download our asset kit now! 00:03:00 Including the assets 00:03:00 Unit 04: Creating elements Wiring the splash screen element 00:02:00 Creating elements at runtime 00:03:00 Appending HTML strings width append() 00:02:00 Appending nodes with append or append Child 00:03:00 Script order matters 00:04:00 Unit 05: Dynamic CSS Specifying classes to elements 00:04:00 Working with static styles 00:04:00 Defining styles at runtime 00:04:00 Querying the DOM to find elements 00:05:00 Unit 06: Profiling the pixel pipeline The pixel pipeline 00:02:00 Identifying bad practices 00:04:00 Profiling runtime performance 00:04:00 Batching DOM updates with document fragments 00:05:00 Too many nodes 00:04:00 Unit 07: Animation using DOM changes Removing nodes from the DOM 00:06:00 The animation frames 00:06:00 Our animate method 00:04:00 Our working animation! 00:06:00 Stopping the animation 00:08:00 Unit 08: Planning DOM changes with a state model Let's build the level! 00:02:00 2. Our state model to control the DOM from state. 00:10:00 Normalizing attributes 00:04:00 Our level class 00:04:00 Arrays, references and non-iterable empty slots 00:05:00 Building our state with an ugly oneliner 00:05:00 Module 04: The Language of Coaching 01:00:00 Write code for humans and normalize your code 00:05:00 Rendering the level element 00:05:00 Things are getting messy 00:06:00 Unit 09: Easy bundling Easy bundling 00:06:00 Bundle with the start script 00:01:00 Our dev server 00:02:00 Let's use DOMContentLoaded and ES Modules (ESM) 00:07:00 Dynamic style elements with CSS as ESM imports 00:04:00 Unit 10: DOM updates with basic state driven development Designing the shape of our state 00:02:00 Initializing our state in preparation to render DOM elements 00:05:00 DOM updates from state 00:08:00 Updates to state are reflected in the DOM 00:03:00 Modeling and render our chip walls 00:06:00 Unit 11: The player, Interacting with user input The player - Tech approach 00:02:00 Rendering the player with the DOM 00:07:00 Box model and global styles 00:06:00 Manipulating inline styles with the DOM 00:04:00 Moving the player by changing its state 00:06:00 DOM keyboard event listeners 00:07:00 Mapping and filtering DOM events data 00:04:00 Can the player move? - Tech approach 00:03:00 Preventing overlapping DOM elements 00:12:00 Prepare interactive frames 00:08:00 Resetting className and adding interactive frames on DOM events 00:06:00 Update frames without moving the element on DOM events 00:03:00 Unit 12: Interactive DOM, breaking walls Adding random DOM elements 00:06:00 DOM events when pressing the space key 00:05:00 Creating elements on DOM events 00:05:00 z-index manifest 00:04:00 Dynamic element IDs with the DOM 00:07:00 Interacting with other elements using the state model 00:06:00 Remove surrounding walls 00:04:00 Unit 13: Portal to exit the game Adding the portal to the screen 00:07:00 Random elements on the screen 00:05:00 Grouping inline CSS DOM updates 00:03:00 Exiting the game, when two elements cross paths 00:04:00 Challenge, your turn to build the exit screen 00:03:00 Challenge solution, my turn to build the exit screen 00:04:00 Hiding the portal behind a wall 00:05:00 Removing DOM event listeners 00:04:00 Unit 14: Animating all the things Rendering the splash screen 00:04:00 Swapping screens 00:02:00 Animating the portal 00:04:00 CSS kit - animations 00:03:00 Request animation frame and delaying animations 00:09:00 Animating with a parent css class 00:03:00 Old TV effect 00:02:00 Animating with delayed animation 00:11:00 Optimizing frames 00:03:00 Final frame optimizations 00:04:00 Unit 15: DOM Sound effects Dynamic audio elements 00:07:00 Interactive sound effects with DOM events 00:04:00 Delayed audio effects with callbacks and DOM events 00:04:00 Final lecture, final sound effect! exiting the game 00:03:00