Ext JS Fundamentals Training Course
This 3-day course demonstrates through hands-on practice the fundamentals of Ext JS.
Course Outline
Module 1. Introduction to Ext JS 5
- Downloading ExtJS
- Setting Up and installing ExtJS
- Using Tools and Editors
Module 2. Core Concepts
- Using Naming Conventions
- The Preprocessors and Postprocessors
- Using Static methods and properties
- Understanding simple inheritance
- Lazy loading of classes
- Interacting with the DOM
Module 3. Components and Layouts
- The component life cycle
- Types of containers
- Understanding the viewport, panel and Window component
Module 4. Managing data
- Using Ajax
- Understanding models
- Model mapping
- Writing validators
- Common field types and relationships
- Adding, selecting and removing records from the store
Module 5. Buttons, Toolbars and Forms
- Buttons types
- Adding menus
- Using toolbars
- Building the main menu for an application
- The form component
- Using available fields (textfields, number, date, etc.)
- Understanding triggers
- Submitting the data
Module 6. Understanding the Grid and Tree panel
- Building the data connection
- Designing a basic grid
- Selection models
- Setting up Grid listeners
- The Grid paging and the infinite scrolling
- Using the DataView
- A basic tree panel
- Adding and removing nodes
Module 7. The architecture
- The MVC and MVVM patterns
- Creating the views and the controller
- Creating a module
- Implementing routing
Module 8. The importance of look and feel
- The packages folder
- Advanced theming
- Different styles for the same component
- Supporting legacy browser
Module 9. The deploy phase
- Preparing for deployment
- The app.json file
- The sencha command
- Code compression
- Packaging and deploying
Need help picking the right course?
Ext JS Fundamentals Training Course - Booking
Ext JS Fundamentals Training Course - Enquiry
Ext JS Fundamentals - Consultancy Enquiry
Testimonials (1)
It was interactive. We got to code as we went.
Barnaby
Course - Ext JS Fundamentals
Upcoming Courses
Related Courses
Building Interactive Applications with React, Redux and GraphQL
28 HoursIn this instructor-led, live training in the UAE, participants will learn how to build React applications using Flux and GraphQL. The course covers installation, setup, integration, testing, deployment and best practices as it walks participants through the creation of a series of sample applications that demonstrate how to add additional levels of complexity and "coolness" to an application using the most advanced toolkits and techniques.
Developing applications with React requires a different kind of thinking, compared to what some developers are accustomed to, especially when coming from the mindset of other MVC frameworks such as AngularJS and Bootstrap.
This training covers the fundamentals behind of the technologies used each step of the way so that participants are not only able to build a functional application, but also understand why a particular approach is used. This lays the groundwork for thinking independently and creatively about the design and the desired results for building their own applications in the future.
Spring Boot, React, and Redux
14 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at web developers who wish to build functional front-end and back-end web applications with Spring Boot, React, and Redux.
By the end of this training, participants will be able to:
- Build a front-end application with React and Redux.
- Create RESTful APIs with Spring Boot.
- Secure web services with Spring security and JWT web tokens.
Managing Vue JS State with Vuex
7 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at developers and programmers who wish to create, manage, and update Vue applications using Vuex.
By the end of this training, participants will be able to use Vuex for building adaptable and maintainable single-page applications.
Next.js 14 Advanced Development
21 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at intermediate-level to advanced-level web developers and technical architects who wish to explore the advancements of Next.js 14 and gain the knowledge to build cutting-edge web applications.
By the end of this training, participants will be able to:
- Leverage the full potential of Next.js 14 for building complex applications.
- Utilize the latest features such as Middleware, React Server Components, and Edge Functions.
- Implement best practices for performance, scalability, and SEO.
- Troubleshoot common issues in Next.js applications effectively.
React with Next.js
14 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at web developers who wish to use Next.js to create React applications.
By the end of this training, participants will be able to:
- Develop server-side web applications and static sites in Next.js.
- Handle and store data with MongoDB.
- Secure a web application with AuthO authentication.
Managing React State with MobX
14 HoursThis instructor-led, live training in the UAE is aimed at developers who wish to use MobX in their React applications to more effectively manage state.
By the end of this training, participants will be able to:
- Set up MobX in React.
- Understand the uses cases for MobX, as compared to Redux (e.g., MobX's "classical paradigm" vs Redux's "functional paradigm").
- Use MobX as an advanced state layer for React applications.
Material UI
7 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at developers who wish to use Material UI to speed up the development of well-designed UIs for React applications.
By the end of this training, participants will be able to implement Material UI's React components to develop beautiful enterprise-class web applications.
Ant Design
7 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at developers who wish to use Ant Design to enhance the User Experience for their React application.
By the end of this training, participants will be able to implement Ant Design's React components to develop beautiful enterprise-class web applications.
NestJS: Beginner to Advanced
14 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at web developers who wish to use NestJS to create easily maintainable and scalable web applications.
By the end of this training, participants will be able to:
- Build a back-end application using NestJS.
- Test back-end services with Postman.
- Implement authorization and authentication in back-end applications.
- Deploy back-end applications.
REST API Development with LoopBack
14 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at web developers who wish to use LoopBack for REST API development.
By the end of this training, participants will be able to:
- Build dynamic REST APIs with LoopBack.
- Access data from data sources and other REST APIs.
- Load and run a REST web service on-premises.
- Configure security features in LoopBack.
Building Web Apps using the MEAN stack
35 HoursCourse Objective:
MEAN stack is a full-stack JavaScript solution that helps you write scalable, robust, and maintainable web applications quickly and easily using MongoDB, express, AngularJS, and Node.js.
By the end of this hands-on intensive training course, the students will be able to:
- Store the data in NoSQL, document-oriented MongoDB database that brings performance and scalability.
- Use Node.js, the server-side platform built on Google V8’s runtime for building fast, scalable network applications.
- Use Express, a simple yet powerful web application development HTTP server framework built on top of Node.js.
- Use AngularJS framework that offers declarative, two-way data binding for web applications.
- Take advantage of the ‘full-stack JavaScript’ paradigm i.e. store documents in JSON-like format in MongoDB, author JSON queries in Node.js/Express.js, and forward these JSON documents back to an Angular-based frontend.
- Get acquainted with the latest web application development trends in the IT industry.
Node.js & Express.js Basics, working with PM2 & WebStorm
21 HoursAudience:
Typically, a Project Manager, Aanalyst, Developer or anyone who needs:
- Explore the node.js framework and architecture
- Explore Express.js as a solution for web development
- Assess Node.js & Express.js as solutions for web development
- Advantages and disadvantages over Java
- To have a good understanding of an application’s structure and deployment mechanisms
- To carry out Installation / production environment / architecture tasks and configuration
- To be able to assess code quality, perform debugging, monitoring
- To implement advanced production like Logging
Objectives:
- Explore the advantages and characteristics of Node.js (In comparison with Java)
- Explore Express.js: Architecture, administration (In comparison with Java EE)
- Explore and apprehend all the features and functionalities of the webstorm platform for Node.js
- Explore and apprehend all the features and functionalities of the pm2 production process manager
- Explore and apprehend advanced logging with Winston.js
Description:
The course is normally 3 days (7 hours a day) and has a heavy emphasis on hands on practice. Most of the concepts are discovered through code readings, exercises and labs.
Svelte
14 HoursThis instructor-led, live training in the UAE (remote or onsite) is aimed at developers who wish to use Svelte to develop web applications that are faster than React applications and are simpler to construct.
By the end of this training, participants will be able to:
- Start writing a web app quickly and with minimal overhead.
- Write web apps that handle state without relying on external dependencies or plugins.
- Use features such as scope styling to eliminate the need for extra extensions and custom syntax for CSS.
- Build standalone Svelte components and integrate them into the codebase of an existing React project.
Advanced Svelte JS
14 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at intermediate-level developers who wish to learn advanced concepts and features of Svelte for developing web applications.
By the end of this training, participants will be able to:
- Use advanced techniques for developing Svelte applications.
- Develop web applications with the Svelte framework.
- Quickly prototype with TailwindCSS and DaisyUI.
Introduction to Svelte.js
14 HoursThis instructor-led, live training in the UAE (online or onsite) is aimed at web developers who wish to use Svelte.js for frontend development.
By the end of this training, participants will be able to:
- Develop frontend applications and user interfaces with Sveltes.js.
- Pre-render a web application on a server to improve SEO.
- Use Svelete.js as an alternative to React.js, Angular, and Vue.js.