FA-0496Software Development
Javascript - Beginner to Intermediate
Introduction
Why this course
This 3-day course covers a wide range of Intermediate JavaScript and jQuery topics, starting with fundamentals like conditional statements and functions and progressing to Intermediate concepts like Promises, async/await, and design patterns. Participants will also work on real-world projects to apply their newfound skills.
Course Duration: 3 Days
Prerequisites
Prerequisites
- Familiarity with HTML and CSS.
- A basic understanding of programming concepts (no prior coding experience necessary).
- Comfort using a web browser and a simple text editor.
Learning Outcome:
Upon completing the course, participants will be able to:
- Write and understand fundamental JavaScript code.
- Create interactive web pages with JavaScript and jQuery.
- Utilize variables, data types, and basic operations in JavaScript.
- Implement conditional statements and loops for decision-making and iteration.
- Design and work with functions, including parameter passing and return values.
- Grasp the concept of scope and closures in JavaScript.
- Manipulate arrays and objects to store and retrieve data.
- Implement error handling and debugging techniques.
- Gain a foundational understanding of ES6 features like let, const, and arrow functions.
- Make asynchronous requests to external resources using the Fetch API.
- Apply essential web development concepts in practical projects.
- Effectively use jQuery to select and manipulate HTML elements.
- Enhance user interfaces with animations and event handling.
- Develop a basic level of proficiency in web development using JavaScript and jQuery.
Training outline
3 modules
·
01Day 110 topics
- Writing your first JavaScript program: "Hello World."
- Basic operations and expressions.
- Conditional statements (if, else if, else) and comparisons.
- The switch statement for multiple conditions.
- Loops (for, while, do...while) and their applications.
- Declaring and defining functions.
- Function parameters and return values.
- Scope and closures in JavaScript.
- Working with arrays and objects.
- Iterating through arrays and objects.
02Day 210 topics
- Error handling and debugging techniques.
- Introduction to ES6 features (let, const, arrow functions).
- Promises and async/await for managing asynchronous code.
- Fetch API for making AJAX requests and handling responses.
- Higher-order functions and functional programming concepts.
- Closures, currying, and function composition.
- Debugging techniques using browser developer tools.
- Error handling strategies and best practices.
- Working with the DOM in-depth.
- Exploring the Web Storage API (localStorage and sessionStorage).
03Day 39 topics
- The revealing module pattern and the singleton pattern.
- Using design patterns like Observer and Factory.
- Creating custom jQuery plugins.
- Implementing drag-and-drop functionality with jQuery UI.
- Working with AJAX and JSON data in jQuery.
- Techniques for optimizing jQuery code and improving website performance.
- Lazy loading images and improving rendering speed.
- Implementing responsive design principles with jQuery.
- Participants work on a complex real-world project that combines JavaScript, jQuery, and other web technologies.
A programme built around your team.
Share your training goals and requirements.