인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
Programming

/

Front-end

Đừng lo lắng nữa về việc phát triển màn hình với Sencha ExtJS 6 - Cơ bản

Hầu hết các trang web được tạo ra bởi sự kết hợp của nhà thiết kế + nhà xuất bản + nhà phát triển. Bằng cách sử dụng hoàn toàn thành phần ExtJS của Sencha, việc phát triển màn hình có thể thực hiện được mà không cần nhà thiết kế hoặc nhà xuất bản. Tuy nhiên, nếu bạn sử dụng ExtJS cho mục đích thương mại, hãy đảm bảo hiểu đầy đủ chính sách cấp phép trước khi sử dụng.

(4.9) 29 đánh giá

1,713 học viên

JavaScript
ExtJS

Khóa học này dành cho Người học Cơ bản.

Dịch cái này sang tiếng Việt

  • Khung giao diện người dùng JavaScript mạnh mẽ ExtJS

  • Các thành phần khác nhau của ExtJS

Giới thiệu khóa học

ExtJS là một khung giao diện người dùng JavaScript mạnh mẽ. Ngoài lưới, biểu đồ và cây, chúng tôi còn cung cấp hàng trăm thành phần. Bạn có thể tạo bố cục và màn hình trong một khoảng thời gian ngắn ngay cả khi không có kiến ​​thức CSS chuyên nghiệp. Trong phần cơ bản, chúng ta sẽ chỉ sử dụng các thành phần để tìm hiểu về cách sắp xếp bố cục, hiểu các thành phần và phương thức hoạt động cơ bản cho các sự kiện (nhấp, nhấp đúp, v.v.). ExtJS triển khai các chức năng và phát triển màn hình chỉ bằng cách sử dụng JavaScript. Tức là không có mã HTML nào được đưa vào thẻ BODY. Bạn sẽ có thể tận hưởng niềm vui khi tạo giao diện người dùng tách biệt với Angular và React, những chủ đề nóng hiện nay. Dưới đây là video trình diễn WebOS được tạo chỉ bằng ExtJS.
※ Nếu bạn đang xem xét ExtJS cho mục đích thương mại, vui lòng tự làm quen với chính sách cấp phép trước khi sử dụng nó trong dự án của mình.

URL tham chiếu

https://github.com/mongoworld/extjs_world ( Mã mẫu sẽ được sử dụng trong bài giảng)
http://mongodev.tistory.com ( Blog tổng hợp các nội dung liên quan đến bài giảng)
https://www.youtube.com/channel/UCmIEd8PTq5PXJyXlboXKOpQ Vui lòng đăng các nhận xét liên quan đến câu hỏi thông qua kênh youtube ^^ Vui lòng đăng ký luôn ㅠㅠ

Mục tiêu khóa học

  • Nhà thiết kế và phát triển không tự tin trong việc phát triển màn hình do công nghệ CSS yếu
  • Sinh viên đại học muốn biến bài viết tốt nghiệp của mình thành ứng dụng web
  • Một công ty không có nhân viên thiết kế hay xuất bản
  • Những người đang lập kế hoạch bố cục màn hình có cấu trúc giống như chương trình CS

Khuyến nghị cho
những người này!

Khóa học này dành cho ai?

  • Nhà thiết kế và phát triển không tự tin trong việc phát triển màn hình do công nghệ CSS yếu

  • Sinh viên đại học muốn biến bài viết tốt nghiệp của mình thành ứng dụng web

  • Một công ty không có nhân viên thiết kế hay xuất bản

  • Những người đang lập kế hoạch bố cục màn hình có cấu trúc giống như chương trình CS

Xin chào
Đây là

2,450

Học viên

39

Đánh giá

4

Trả lời

4.9

Xếp hạng

2

Các khóa học

Chương trình giảng dạy

Tất cả

31 bài giảng ∙ (9giờ 3phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

29 đánh giá

4.9

29 đánh giá

  • JinJu Park님의 프로필 이미지
    JinJu Park

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    23% đã tham gia

    extjs 프로젝트를 하게 되서 보게되었는데 정말 자세하고 초보자도 쉽게 알려주셔서 ㅠㅠㅠㅠㅠㅠㅠㅠ너무 좋았습니다!

    • 알찬님의 프로필 이미지
      알찬

      Đánh giá 16

      ∙

      Đánh giá trung bình 5.0

      5

      10% đã tham gia

      • 쿠카이든님의 프로필 이미지
        쿠카이든

        Đánh giá 355

        ∙

        Đánh giá trung bình 5.0

        5

        19% đã tham gia

        ExtJS 6로 화면을 개발하니 정말 재미있네요! 명강의 감사합니다~!

        • KYUNG TAE BAE님의 프로필 이미지
          KYUNG TAE BAE

          Đánh giá 231

          ∙

          Đánh giá trung bình 5.0

          5

          13% đã tham gia

          Sencha ExtJS 6에 대해 처음 배웠는데.. 많은 도움이 되었습니다! 좋은 강의 감사드려요

          • Chang Hwan Yang님의 프로필 이미지
            Chang Hwan Yang

            Đánh giá 6

            ∙

            Đánh giá trung bình 5.0

            5

            65% đã tham gia

            ExtJS 사용하는 곳이 있어서 찾아보게 되었습니다. ExtJS를 이해하는데 아주 좋은 강의라 생각합니다.

            Khóa học khác của extjs0804

            Hãy khám phá các khóa học khác của giảng viên!

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

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

            개발로짜

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

            중급이상

            중급이상

            Spring Boot, ExtJS

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!

            클린업 JavaScript: 점프업!강의 썸네일

            클린업 JavaScript: 점프업!

            김영보

            자바스크립트 최종 코스! ES2025 기준 실행 콘텍스트 구조와 방법, Event Loop, 멀티 스레딩을 다룹니다. 자바스크립트 언어에 담겨진 언어 문화를 다룹니다.

            초급

            초급

            JavaScript

            누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌강의 썸네일

            누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

            velopert(김 민준)

            프론트엔드 프레임워크, 리액트(React)를 누구든지 쉽고 재밌게 시작할 수 있도록 만들어진 강의입니다.

            초급

            초급

            JavaScript, React

            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지강의 썸네일

            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

            Jiwoon Jeong

            내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

            초급

            초급

            HTML/CSS, JavaScript, REST API

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

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

            판다코딩

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

            초급

            초급

            HTML/CSS, JavaScript, Bootstrap

            당신의 창의적인 웹을 만들어보세요: Parallax ScrollTrigger 마스터 클래스강의 썸네일

            당신의 창의적인 웹을 만들어보세요: Parallax ScrollTrigger 마스터 클래스

            webstoryboy

            다양한 웹 사이트에서 Parallax ScrollTrigger를 사용하여 멋진 효과를 구현하고 있습니다. 우리도 이 라이브러리를 사용하여 창의적이고 인상적인 웹 페이지를 만들어 봅시다.

            초급

            초급

            gsap, parallax, scrolltrigger

            실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지강의 썸네일

            실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지

            한윤석

            OAuth 2.0을 구글이나 깃헙같은 계정으로 간편 로그인을 사용해봐서 이미 친숙하게 느껴질지도 모릅니다. 소셜 로그인은 OAuth 2.0을 확장하여 만들어진 것으로 핵심 기술은 OAuth 2.0 인가 프레임워크에 있습니다. OAuth 2.0의 원리를 이해하면 그것을 바탕으로 필요에 맞게 적절히 구현하고 조정하는 능력을 기를 수 있습니다.

            초급

            초급

            OAuth, Next.js, JavaScript

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

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

            그랩

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

            입문

            입문

            JavaScript, React, Node.js

            타입스크립트 입문 - 기초부터 실전까지강의 썸네일

            타입스크립트 입문 - 기초부터 실전까지

            장기효(캡틴판교)

            타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관점에서 쉽고 재밌게 배워보겠습니다 😄

            초급

            초급

            TypeScript, ES6, JavaScript

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

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

            잔재미코딩 DaveLee

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

            입문

            입문

            HTML/CSS, JavaScript, ES6

            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지강의 썸네일

            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

            이지웹

            전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

            초급

            초급

            HTML/CSS, JavaScript, jQuery

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

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

            제로초(조현영)

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

            초급

            초급

            JavaScript

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

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

            더코딩클럽

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

            초급

            초급

            HTML/CSS, JavaScript, 클론코딩

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

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

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

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

            입문

            입문

            HTML/CSS, JavaScript, openAI API

            [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core강의 썸네일

            [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

            코드팩토리

            자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

            초급

            초급

            NestJS, REST API, backend

            클린업 JavaScript: 베이스 빌드업!강의 썸네일

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

            김영보

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

            초급

            초급

            JavaScript, 면접, 기술면접

            mongoDB 기초부터 실무까지(feat. Node.js)강의 썸네일

            mongoDB 기초부터 실무까지(feat. Node.js)

            김시훈 (도도소프트)

            mongoDB, NoSQL 요즘 많이 들리지만 아직은 낯선 데이터베이스인가요? 관계형 데이터베이스(RDS/SQL)처럼 사용하고 계시지는 않으신가요? 아무리 좋은 기술도 올바르게 사용하지 않으면 역효과가 발생합니다. 그래서 몽고디비 사용 실패 사례도 종종 보이는데요. 이 강의는 mongoDB를 최대한 mongoDB스럽게 사용할 수 있도록 기본 개념부터 실무 노하우까지 가르쳐드려요.

            초급

            초급

            MongoDB, REST API, Node.js

            아바타 커뮤니티앱 만들기 (React Native)강의 썸네일

            아바타 커뮤니티앱 만들기 (React Native)

            Kyo

            리액트 네이티브로 아바타 기반 커뮤니티앱을 개발합니다. 글작성 뿐만아니라 댓글/대댓글, 좋아요, 투표, 아바타 생성 등 완성도 있는 커뮤니티앱을 만드는 과정을 배우게 됩니다.

            초급

            초급

            React Native, TypeScript, react-query

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

            깡코딩

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

            초급

            초급

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

            [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일

            [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

            정현우

            아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 4개를 만들어보면서 앱 개발을 마스터해봅시다!

            입문

            입문

            JavaScript, React, Node.js

            자바스크립트 머신러닝 TensorFlow.js강의 썸네일

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

            김영보

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

            중급이상

            중급이상

            Tensorflow, JavaScript, 머신러닝