Sencha Ext JS Framework (EXTJS)

Programming, JavaScript

Participants gain hands-on experience building large JavaScript applications, learning practical techniques for app structure and development workflow. The course explains the Ext JS framework, its main classes and components and how to combine them.

Through guided examples and documentation practice participants learn to reuse code, create custom components and read the Ext JS docs effectively. The course covers debugging, testing, using sample apps and techniques to build maintainable, scalable applications.

THIS TRAINING COURSE WILL HELP YOU:

  • Structure and develop large JavaScript applications
  • Use Ext JS docs and examples to build features
  • Create and extend custom Ext JS components
  • Design admin layouts, forms, grids and interactions
  • Implement AJAX, data stores and server communication

WHO SHOULD ATTEND?

  • Frontend developers with solid JavaScript skills
  • UI engineers building complex browser apps
  • Backend developers integrating rich client UIs
  • Team leads wanting consistent Ext JS architecture

COURSE LOCATION AND AVAILABLE DATES



Need this course in English?

Public courses are usually delivered in Czech, but this course is also available in English. We can arrange private training for your team online, at your premises or in our classrooms, and tailor the content to your needs.

For groups of around 4 or more participants, private training can already be comparable in price to booking individual places on a public course. Send us your requirements and we’ll recommend the best format and provide an exact quote.

Request training in English

Course content:

Hide details
  • Concept of Ext JS
    1. The right editor and toolchain
    2. Many folders and files…
    3. Bundling files and delivering to the client, browser-based development
    4. Architectures for individuals and teams
    5. First simple application
    6. Ext JS documentation and how to use it
  • Where to find MIT-licensed code for Ext JS?
    1. Sencha Market
    2. Pimcore CMS, Koala web framework, Aero SQL
  • Layouts for admin applications in Ext JS
    1. Window and overlay dialog system (pros / cons)
    2. Border layout (splitting space into adaptable docks)
    3. Fit layout (auto-fitting)
    4. HBox layout (horizontal)
    5. VBox layout (vertical)
    6. Accordion layout
    7. Others – absolute, table and anchored layouts
    8. Layout browser
  • Code architecture
    1. Integration with jQuery, Prototype, etc.
    2. Building Ext JS apps with MVC architecture
    3. Event-driven architecture – buttons, toolbars, menus, context menus
    4. Automating AJAX operations
    5. Models, validation and data stores
  • Working with forms
    1. Form Panel component
    2. Basic fields: text, number, combo box, date, checkbox, radio
    3. Special fields – slider, date picker, multiselect with search, custom fields
    4. Events and client/server form validation
  • Components
    1. Windows
    2. Tree structure – simple tree, tree store, tree nodes
    3. Tree operations – adding/removing nodes and special cases
    4. Grid / item list (GridPanel) – basic setup, columns, cell and row editors, sorting and filtering, data binding (models and stores)
    5. Grid – server integration and CRUD operations
    6. Grid – AJAX proxy, JSON reader, XML reader
    7. Toolbar
    8. TabPanel – basic config, dynamic add/remove, dynamic content, overflow, tabs in forms, special cases
    9. Combining components
  • Drag and drop
    1. Creating draggable items
    2. Creating drop targets and handling dragged objects
  • Charts and diagrams
    1. Chart types
    2. Legends
    3. X and Y axis configuration
    4. Advanced charts and configuration
    5. Connecting charts to components and animations
Prerequisites:
Use Windows or Mac OS, abstract thinking, good HTML/CSS and excellent JavaScript; English or a C‑style language is a plus.
Recommended previous course:
JavaScript for Beginners (JVS1)
Schedule:
2 days (9:00-17:00)

Training and learning environment

IT classroom with desks, computer monitors, and a projection screen at the front.
What does the environment for in-person IT courses look like?We hold training courses in our own classrooms equipped with modern computer equipment for each participant and a large projection screen. Each workstation is fitted with a powerful computer for seamless practical exercises, and the environment supports a calm, friendly atmosphere during training.
IT classroom with desks, computer monitors, and a projection screen at the front.
Do I need to bring my own laptop to the classroom IT course?Our training rooms are fully equipped, so you do not need to bring your own laptop. A modern computer with all necessary hardware and software is ready for you at your workstation.
Sample ICT Pro certificate of successful completion of an IT training course.
Will you receive an official certificate after completing an IT course?Yes, upon successful completion of the training course, you will receive an official ICT Pro certificate confirming your participation and acquired technical skills. You can use it to verify your qualifications or add it to your professional profile.
Exterior view of the COMGUARD office building on Sochorova Street in Brno.
Where can you find our training center in Brno?The premises of the ICT Pro training center are located on the 1st floor of the COMGUARD building at Sochorova 38 in Brno. Positioned on the border of Žabovřesky and Komín, the location is easily accessible by both car and public transport.
Exterior view of the Opatov Park office building in Prague, Chodov.
Where can you find our training center in Prague?The premises of the ICT Pro training center are located on the 1st floor of the Opatov Park building at Líbalova 1, Prague 11 – Chodov. The location provides a comfortable environment for your education with convenient access.
Fully equipped kitchenette with a coffee machine, microwave, sink, and shelves with cups and glasses.
What facilities and refreshments are available to you during training breaks?Our training centers feature a fully equipped kitchenette for a comfortable break during your courses. The facilities include a coffee machine, microwave, kettle, and a wide selection of drinks and snacks.
Coffee station featuring an automatic coffee machine, yellow and white cups, glasses, and syrups.
What beverage refreshments are available during your course?A beverage station with a coffee machine, teas, syrups, and water is at your disposal throughout the entire training session. You can enjoy a coffee or another drink of your choice anytime during breaks.
Table with sweet pastries, fruit syrups, a water dispenser, and glasses set up for training participants.
What light refreshments are provided for you during the courses?During course breaks, participants can enjoy light sweet snacks, pastries, and fruit syrups to mix their own drinks. Fresh water dispenser and plates are also available for your convenience.
Wicker baskets filled with packaged savory snacks, sweet biscuits, and snack bars.
Should I bring my own snacks to ICT Pro training?There is no need to. A wide selection of savory snacks, sweet biscuits, and snack bars is available for you during breaks. Boost your energy for all-day focus right inside the training center premises.
Outdoor wooden terrace with green surroundings by the glass building of the training center.
Can you spend training breaks in the fresh air?Yes, an outdoor terrace is available at our training center. During breaks between learning sessions, you can relax in the fresh air in a pleasant green environment.
Spacious outdoor wooden terrace with seating and views of the surrounding area.
Where can you relax during course breaks?Our training center features a spacious outdoor terrace with seating options. During breaks between learning sessions, you can step outside to relax and recharge in the fresh air.