Ext JS Fundamentals Training Course
This 3-day course demonstrates through hands-on practice the fundamentals of Ext JS.
This course is available as onsite live training in Switzerland or online live training.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
Open Training Courses require 5+ participants.
Ext JS Fundamentals Training Course - Booking
Ext JS Fundamentals Training Course - Enquiry
Ext JS Fundamentals - Consultancy Enquiry
Consultancy Enquiry
Testimonials (1)
It was interactive. We got to code as we went.
Barnaby
Course - Ext JS Fundamentals
Upcoming Courses
Related Courses
Advanced TypeScript
7 HoursThis instructor-led, live training in Switzerland (online or onsite) is aimed at developers who wish to use TypeScript's advanced features to create and build JavaScript applications.
By the end of this training, participants will be able to:
- Set up the necessary development environment to start developing TypeScript and Node.js applications.
- Take advantage of Typescript's advanced capabilities to write clean, expressive code with fewer errors.
- Configure and use Webpack with TypeScript to build complex front-end UIs.
- Use custom data types (Union, Intersection, Tuple Types, etc.) to extend existing generic types.
- Implement asynchronous code patterns and APIs for error handling and validating responses.
- Deploy TypeScript and Node.js applications to production environments (AWS EC2, Heroku, etc.).
Advanced Vue.js
14 HoursThis instructor-led, live training in Switzerland (online or onsite) is aimed at Vue JS developers who wish to create advanced components that are simpler, more flexible, and easier to maintain.
By the end of this training, participants will be able to:
- Write VueJS code that is maintainable and resilient.
- Write application logic that is portable and reusable.
- Create customized components and widgets while avoiding unneeded complexity.
Next.js 14 Advanced Development
21 HoursThis instructor-led, live training in Switzerland (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.
Next.js 14 - Advanced
21 HoursThis instructor-led, live training in Switzerland (online or onsite) is aimed at advanced-level developers who wish to master the latest features in Next.js 14, optimize performance, and implement modern React techniques.
By the end of this training, participants will be able to:
- Implement advanced React hooks and concurrent features.
- Understand and utilize Next.js routing strategies effectively.
- Leverage Server Components, Server Actions, and hybrid rendering approaches.
- Optimize data fetching, caching, and incremental static regeneration.
- Use Next.js as a backend solution with Edge Functions and Edge Runtime.
- Manage state using React Context, Redux, and atomic state libraries.
- Optimize application performance for Web Core Vitals.
- Test, monitor, and deploy Next.js applications efficiently.
Building Interactive Applications with React, Redux and GraphQL
28 HoursIn this instructor-led, live training in Switzerland, 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.
React Native for iOS and Android
21 HoursIn this instructor-led, live training in Switzerland, participants learn the principles and approach behind React Native as they take on the development of their own mobile application for Android and iOS
React Native Expo
7 HoursIn this instructor-led, live training in Switzerland, participants learn to use React Native Expo through discussion and hands-on practice. By the end of the course, participants will be equipped to create and deploy their own React Native application using React Native Expo.
React Native for Web
21 HoursReact Native is an open-source, cross-platform development framework for building mobile apps. Developed by Facebook, it enables developers to create a native look-and-feel experience for their apps on Android and IoS. React Native for Web makes the platform-agnostic components and APIs of React Native available for web app development.
React Native provides a consistent developer experience based on JavaScript and the React (aka React.js or ReactJS) library and enables true rapid development by focusing on developer efficiency across all platforms -- learn once, write anywhere.
In this instructor-led, live training, participants will learn the fundamentals of React Native for Web.
By the end of this training, participants will be able to:
- Install and configure React Native developer tools
- Understand the fundamentals of React Native for Web
- Build, test, deploy, and troubleshoot an application compatible with iOS, Android, and the web using React Native for Web
Audience
- Web developers
- Mobile application developers
Format of the course
- Part lecture, part discussion, exercises and heavy hands-on practice
Note
- To request a customized training for this course, please contact us to arrange.
React with Next.js
14 HoursThis instructor-led, live training in Switzerland (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.
React, Redux and TypeScript
21 HoursReact is a widely-used library for creating single page applications in JavaScript and HTML. It is used by companies such as Facebook, Instagram, Netflix or the New York Times.
This course will introduce the foundations on which React and other libraries (like Angular and Vue.js) are based on and highlight the sepecifics of React. It will also cover technologies that are commonly used with React, like Redux and React-Router.
By the end of this course participants will be able to build applications of various complexity with React while adhering to best practices.
Spring Boot, React, and Redux
14 HoursThis instructor-led, live training in Switzerland (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.
TypeScript
7 HoursThis instructor-led, live training in Switzerland introduces TypeScript's key features and walks participants through the construction of a real-life JavaScript application.
Typescript Unit Testing
14 HoursTypeScript is an open source language for building enterprise Javascript applications. It is a strict superset of JavaScript that compiles to plain Javascript and brings static typing and object-oriented development to the language.
This instructor-led, live training introduces TypeScript's unit testing features and frameworks. Participants get a chance to put theory to practice by constructing a collection of unit tests that can be run against real-life applications.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- This course will focus on the frameworks that can be used to unit test a Javascript or Typescript application (Jasmine, Mocha, Jest, Chai, etc.).
- UI frameworks such as React are optional and can be covered if desired.
- To request a customized training for this course, please contact us to arrange.
Vue.js
21 HoursIn this instructor-led, live training in Switzerland (online or onsite), participants will learn how to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).
By the end of this training, participants will be able to:
- Build web apps that process and render data conditionally.
- Design interactive web apps that react efficiently to user events.
- Write modular and reusable code.
- Incrementally progress a view into full-blown single-page application.
- Integrate VueJS to an existing webpage.
- Use Vue's ecosystem to extend the framework's capability.
Vuetify.js
14 HoursThis instructor-led, live training in Switzerland (online or onsite) is aimed at developers who wish to use Vuetify.js to build beautiful interfaces for single-page applications.
By the end of this training, participants will be able to:
- Install and configure Vuetify.js.
- Understand the principles behind Material Design.
- Create a single page application with an advanced UI using Vue.js and Vuetify.js.