Stop worrying about screen development with Sencha ExtJS 6 - Basics

Name: Stop worrying about screen development with Sencha ExtJS 6 - Basics
Rating: 4.9 (31 reviews)

Most sites are created with a combination of designers + publishers + developers. If you use Sencha's ExtJS components purely, you can develop screens without designers and publishers. However, if you use ExtJS for commercial purposes, please be sure to understand the license policy and use it.

(4.9) 31 reviews

1,742 learners

extjs0804

JavaScript

ExtJS

Reviews from Early Learners

What you will gain after the course

ExtJS, a powerful JavaScript UI framework
Various components of ExtJS

Course Introduction

ExtJS is a powerful JavaScript UI framework. It offers hundreds of components, including grids, charts, and trees. Even without specialized CSS knowledge, you can quickly create layouts and screens. In this basic guide, we'll learn about layout placement, component understanding, and basic event handling (click, double-click, etc.) using only components. ExtJS implements screen development and functionality entirely with JavaScript, meaning no HTML code is included in the BODY tag. You'll experience the fun of UI creation, separate from popular frameworks like Angular and React. Below is a demonstration video of WebOS built entirely with ExtJS.
※ If you are considering ExtJS for commercial purposes, please read the license policy carefully before using it for your project.

Reference URL

https://github.com/mongoworld/extjs_world ( sample code to be used in the lecture)
http://mongodev.tistory.com ( blog summarizing lecture-related content)
https://www.youtube.com/channel/UCmIEd8PTq5PXJyXlboXKOpQ Please leave comments regarding questions on the youtube channel ^^ Please also subscribe 😭😭

Course target audience

Designers and developers who are not confident in screen development due to weak CSS skills
A college student who wants to create a web application for his graduation project.
A company without designer and publisher staff
Someone who is planning the screen composition in the same structure as a CS program

Recommended for
these people

Who is this course right for?

Designers and developers who are not confident in screen development due to weak CSS technology
A college student who wants to create a web application for his college graduation project
A company that does not have a designer or publisher staff
Anyone who is planning the screen composition in the same structure as a CS program

Hello
This is

2,493

Learners

Reviews

Answers

4.9

Rating

Courses

Curriculum

All

31 lectures ∙ (9hr 3min)

Section 1. Lecture 1. Orientation

1 lectures ∙ (14min)

1. Introducing ExtJS 6
14:39

Section 2. Lesson 2. ExtJS Environment Configuration

1 lectures ∙ (14min)

2. Download and configure ExtJS 6 GPL
14:25

Section 3. Lesson 3. Changing various themes and displaying the Hello World message

1 lectures ∙ (22min)

3. Understanding theme changes and onLoad
22:51

Section 4. Lesson 4. Understanding ExtJS Grammar and Layout

3 lectures ∙ (39min)

Section 5. Lesson 5. Learn more about ExtJS layouts

1 lectures ∙ (21min)

Section 6. Lesson 6. A brief introduction to how to view ExtJS API documentation

1 lectures ∙ (22min)

Section 7. Lesson 7. Learn about ExtJS 6 button types

1 lectures ∙ (30min)

Section 8. Lesson 8. Handling ExtJS 6 Message Boxes

1 lectures ∙ (20min)

Section 9. Lesson 9. Learn ExtJS 6 Window Components

1 lectures ∙ (14min)

Section 10. Lesson 10. Understanding ExtJS 6 Tab Panel

1 lectures ∙ (4min)

Section 11. Lesson 11. Understanding ExtJS 6 Form Fields

1 lectures ∙ (15min)

Section 12. Lesson 12. Understanding ExtJS 6 Datastore

3 lectures ∙ (37min)

Section 13. Lesson 13. Understanding ExtJS 6 Tree Panel

1 lectures ∙ (20min)

Section 14. Lesson 14. ExtJS 6 Grid Paging and Buffer Store

1 lectures ∙ (15min)

Section 15. Lesson 15. ExtJS 6 Grid Editing Plugin

1 lectures ∙ (20min)

Section 16. Lesson 16. Understanding ExtJS 6 Event Listeners

1 lectures ∙ (24min)

Section 17. Lesson 17. ExtJS 6 Grid CRUD Example

1 lectures ∙ (28min)

Section 18. Lesson 18. Understanding ExtJS 6 Ajax

1 lectures ∙ (24min)

Section 19. Lesson 19. ExtJS Chart Graph

6 lectures ∙ (1hr 23min)

Section 20. Lesson 20. Improving the readability of ExtJS source code

1 lectures ∙ (26min)

Section 21. Lesson 21. Replacing ExtJS Components

1 lectures ∙ (20min)

Section 22. UI Template Example

1 lectures ∙ (18min)

Published:

Last updated:

Reviews

All

31 reviews

4.9

31 reviews

고운 캥거루
Reviews 1
∙
Average Rating 5.0
5
13% enrolled
센차 프로젝트를 진행하게 되어 너무 막막했는데 이렇게 좋은 강의를 듣게되어 정말 도움이 많이됩니다. 감사합니다 : )
wlgud56321
Reviews 1
∙
Average Rating 5.0
5
32% enrolled
JinJu Park
Reviews 1
∙
Average Rating 5.0
5
23% enrolled
extjs 프로젝트를 하게 되서 보게되었는데 정말 자세하고 초보자도 쉽게 알려주셔서 ㅠㅠㅠㅠㅠㅠㅠㅠ너무 좋았습니다!
알찬
Reviews 16
∙
Average Rating 5.0
5
10% enrolled
쿠카이든
Reviews 486
∙
Average Rating 5.0
5
19% enrolled
ExtJS 6로 화면을 개발하니 정말 재미있네요! 명강의 감사합니다~!

Free

extjs0804's other courses

Check out other courses by the instructor!

Sencha ExtJS 6 로 웹 어플리케이션 만들기- 실전/응용편

개발로짜

ExtJS 기초강좌에서 문법과 컴포넌트 종류에 대해 알아보았다면, 실전/응용편에서는 서버연동과 함께 간단한 연습용 프로그램을 만들어 보도록 합니다.

Intermediate

Spring Boot, ExtJS

Sencha ExtJS 6 로 웹 어플리케이션 만들기- 실전/응용편

개발로짜

Similar courses

Explore other courses in the same field!

React + GPT API로 AI회고록 서비스 개발 (원데이 클래스)

도도(코딩루팡)

1시간안에 끝내는 React기반의 GPT AI서비스 강의 수강 후 나만의 AI GPT SASS 솔루션을 만들어 보세요.

Basic

React, ChatGPT, JavaScript

React + GPT API로 AI회고록 서비스 개발 (원데이 클래스)

도도(코딩루팡)

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

주변에서 코딩을 처음 시작하시는 분들을 많이 봤어요. 경력자 분들은 자바스크립트가 쉽다고 하지만 처음 접하시는 분들은 어렵게 느낄 수 밖에 없습니다. 그래서 이번 강의는 코딩에 입문하시는 왕초보 분들을 위해 쉽고! 알찬! 내용을 준비했습니다. 💪🙂

Basic

JavaScript, ES6

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다코딩

HTML / JS / CSS 만을 가지고 직접 심리 테스트 사이트를 만들고, 배포해보는 Project 사이트를 제작합니다.

Basic

HTML/CSS, JavaScript, Bootstrap

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다코딩

누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)

부산대학교 소프트웨어융합교육원

기본적인 웹사이트 구축 방법을 습득하고, 공공데이터 Open API를 연계한 실전 프로젝트를 통해 웹 개발의 기초부터 실무 적용 능력까지!

Beginner

HTML/CSS, JavaScript, openAI API

누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)

부산대학교 소프트웨어융합교육원

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

Basic

JavaScript

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

Beginner

HTML/CSS, JavaScript, ES6

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

웹 프로그래밍(HTML5+CSS+javaScript)

국립안동대학교 SW융합교육원

초급자를 위한 웹 프로그래밍 강의입니다. HTML, CSS, JavaScript의 기본 문법과 활용법을 단계적으로 학습할 수 있도록 구성되었습니다. 웹 페이지 구조 및 디자인, 상호작용 기능 구현 등 웹 개발의 핵심 요소를 다루고 있습니다.

Beginner

HTML/CSS, JavaScript, 반응형 웹

웹 프로그래밍(HTML5+CSS+javaScript)

국립안동대학교 SW융합교육원

자바스크립트 ES6+ 기초 핵심 문법

이룸코딩

자바스크립트에 처음 입문하시는 분들이 모던 자바스크립트에 대해 알아야 하는 핵심 문법을 짧고 굵게 정리했습니다. 문법 공부는 한 번에 확실하게 그리고 짧게 끝내고, 소중한 시간은 무언가 만드는데 투자하세요!

Basic

JavaScript, ES6

자바스크립트 ES6+ 기초 핵심 문법

이룸코딩

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

만들면서 배우는 파이썬 웹개발 A to Z! 웹 기초부터 블로그 개발, 배포까지 한 번에 배워요.

Basic

Python, Django, Bootstrap

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

이거 하나로 종결-스프링 기반 풀스택 웹 개발 무료 강의

그린코딩

꽉 찬 40시간 스프링 기반 풀스택 웹 개발 전면 무료 강의

Beginner

HTML/CSS, JavaScript, JSP

이거 하나로 종결-스프링 기반 풀스택 웹 개발 무료 강의

그린코딩

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의!! 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!

Beginner

JavaScript, React, Node.js

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

Basic

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

Beginner

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

Basic

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

Basic

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

Intermediate

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

Intermediate

Tensorflow, JavaScript, 머신러닝

자바스크립트 머신러닝 TensorFlow.js

김영보

JavaScript 서버 프로그래밍 기초

zdpk

JavaScript 기반의 웹 프레임워크 Express.js를 사용하여 서버 코드를 작성해보며 기초적인 사용법 및 서버의 동작 원리를 이해합니다. 프론트엔드 역시 본질적으로는 서버가 필요하며, static serving, dynamic rendering 등의 다양한 기법이 생겨나는 과정을 공부하며 이해도를 높입니다.

Beginner

JavaScript

JavaScript 서버 프로그래밍 기초

zdpk

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

Basic

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보

Do it! Node.js 프로그래밍 입문

이지스퍼블리싱

Node.js+자바스크립트+익스프레스+몽고DB로 서버의 핵심을 향해 한눈팔지 않고 달린다!

Basic

Node.js, JavaScript, Express

Do it! Node.js 프로그래밍 입문

이지스퍼블리싱

Stop worrying about screen development with Sencha ExtJS 6 - Basics

Reviews from Early Learners

What you will gain after the course

Course Introduction

Reference URL

Course target audience

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

extjs0804's other courses

Similar courses

Recommended for
these people

Hello
This is