Course Library View the full range of courses
-
Accounting (93 courses)
- Xero Accounting and Bookkeeping Online
- Sage 50 Accounting & Payroll
- Project Finance
- Financial Modelling Training
- Tax Accounting
- Introduction to VAT
- Accounting and Finance Course for Managers
- Internal Compliance Auditor
- Financial Statement Analysis
- Payroll Administrator Level 3 Diploma
- View all Accounting courses
-
Language (58 courses)
- British Sign Language (BSL) Level 1 & 2
- Speech and Language Therapy Diploma
- TEFL (TESOL) Course
- English Spelling, Punctuation, and Grammar
- Child & Adult Speech & Language Disorders Training
- Teaching English as Foreign Language (TEFL) Certificate
- Mastering Spanish Language
- French Course for Beginners
- German Course for Beginners
- Body Language and Gesture Training
- View all Language courses
-
Teaching & Education (37 courses)
- Teaching Assistant Complete Course (TA, SEN, Autism, ADHD & Dyslexia) – CPD Certified
- EYFS Teaching Assistant Training Course
- Advanced Diploma in Coaching and Mentoring
- Level 3 Diploma in Teaching and Classroom Management
- Remote Teaching
- SENCO – Special Educational Needs Coordination
- Teaching English as Foreign Language (TEFL)
- Life Coaching
- Phonics Teaching Diploma
- View all Teaching & Education courses
-
Health and Social Care (137 courses)
- Health and Social Care Management
- Paediatric Nursing Assistant
- Mental Health Awareness Training
- Emergency Medicine – Paramedicine
- Level 3 Diploma in Adult Care
- Paediatric First Aid Training
- Safeguarding Children Level 3
- Level 3 Diploma in Anatomy and Physiology of Human Body
- Play Therapy
- The Care Certificate Preparation – Standards (1 to 15)
- View all Health and Social Care courses
-
Management (346 courses)
- Office Admin, Secretarial and PA Diploma
- Estate Agent and Property Management Training
- Diploma in Data Analysis Fundamentals
- Advanced Diploma in Stress & Anxiety Management
- Good Manufacturing Practice (GMP)
- Property Development and Management Course
- Diploma in Hotel Management
- Supply Chain Management
- Quality Assurance (QA) Manager
- Compliance and Risk Management
- View all Management courses
-
IT & Software (117 courses)
- Coding with Python 3
- Search Engine Optimisation (SEO) Training
- Cyber Security
- Motion Graphics with After Effects
- CompTIA A+ Core 1 (220-1101) Course
- Machine Learning for Aspiring Data Scientists
- Next.js Web Dev: Master this Powerful React Framework
- Learn 2D Animation with Adobe Animate
- GDPR Challenges in Education
- View all IT & Software courses
-
Employability (865 courses)
- Office Administrator Skills
- Presentation Skills
- Legal Secretary and Office Skills
- Hospitality Management
- Estate Agent Diploma
- Hairdressing and Barbering
- Diploma in UK Employment Law
- Diploma in Data Analysis Fundamentals
- Building Surveyor Training
- Emotional Intelligence Training
- View all Employability courses
-
Personal Development (1333 courses)
- Productivity Habits
- Minute Taking Course
- Presentation Skills
- Excel: Top 50 Microsoft Excel Formulas in 50 Minutes!
- Critical Thinking and Problem Solving Skills
- Time Management
- Self Esteem and Confidence Building Course
- Essential IT Skills
- Legal Secretary and Office Skills
- Personality Development
- View all Personal Development courses
Learn DOM Manipulation with JavaScript
53 Students (9 Reviews)
Register on the today and build the experience, skills and knowledge you need to enhance your professional development and work towards your dream job.
GET THIS COURSE AND 3000+ OTHERS FOR ONLY £49 PER YEAR. FIND OUT MORE
Overview
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!
Why choose this course
- Affordable, Accessible, informative and well-structured study materials
- Earn a globally recognised accredited qualification
- Study in your own time, at your own pace, through any device
- Benefit from feedback through mock exams and multiple-choice assessments
- Excellent career advancement/career switch opportunities
- Get 24/7 help or advice from our email and live chat teams
Certification
Certificate of Achievement
After the successful completion of the final assessment, you will receive a CPD-accredited certificate of achievement. The PDF certificate is for 9.99, and it will be sent to you immediately after through e-mail. You can get the hard copy for 15.99, which will reach your doorsteps by post.
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 Curriculum
| 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 | ||
Course Reviews
Original price was: £319.£25Current price is: £25. ex Vat
SAVE 92% - OFFER ENDS IN
ALL
COURSES FOR £49 
14-Day Money-Back Guarantee
-
-
Tutor Support
-
Fully Online
Frequently asked questions
Can’t find the anwser you’re looking for ? Reach out to customer support team.
There are no specific prerequisites for this course, nor are there any formal entry requirements. All you need is an internet connection, a good understanding of English and a passion for learning for this course.
You have the flexibility to access the course at any time that suits your schedule. Our courses are self-paced, allowing you to study at your own pace and convenience.
For this course, you will have access to the course materials for 1 year only. This means you can review the content as often as you like within the year, even after you've completed the course. However, if you buy Lifetime Access for the course, you will be able to access the course for a lifetime.
Yes, upon successfully completing the course, you will receive a certificate of completion. This certificate can be a valuable addition to your professional portfolio and can be shared on your various social networks.
We want you to have a positive learning experience. If you're not satisfied with the course, you can request a course transfer or refund within 14 days of the initial purchase.
Our platform provides tracking tools and progress indicators for each course. You can monitor your progress, completed lessons, and assessments through your learner dashboard for the course.
If you encounter technical issues or content-related difficulties with the course, our support team is available to assist you. You can reach out to them for prompt resolution.