YUI 프로그래밍 : 최초의 JavaScript 라이브러리 중 하나

폭로: 귀하의 지원은 사이트 운영을 유지하는 데 도움이됩니다! 이 페이지에서 권장하는 일부 서비스에 대한 추천 수수료가 발생합니다.


인터넷의 첫 몇 년 동안 웹 페이지는 지루했습니다. 검색 한 사용자는 텍스트, 이미지 및 링크 만 포함했기 때문에 상호 작용할 수없는 웹 페이지를 방문했습니다..

웹의 인기가 높아짐에 따라 사용자가 상호 작용할 수있는 페이지에 대한 수요가 증가했습니다. 결과적으로 JavaScript와 같은 언어가 인기를 얻었습니다. JavaScript를 통해 개발자는 사용자를위한 위젯 및 플러그인을 작성하여 동적 웹 사이트를 만들 수있었습니다. 예를 들어, 언어를 사용하여 개발자는 마우스 클릭 위치를 기반으로 웹 페이지의 동작을 결정할 수 있습니다..

결국 JavaScript는 매우 복잡해졌습니다. 결과적으로 JavaScript 라이브러리는 개발을 쉽게하기 위해 만들어졌습니다. 그러한 라이브러리 중 하나는 YUI 또는 Yahoo 사용자 인터페이스 라이브러리였습니다..

라이브러리 개발은 Yahoo! YUI의 목표는 모든 브라우저에서 호환되는 JavaScript를 통해 웹 페이지를 쉽게 조작 할 수있는 인터페이스를 제공하는 것이 었습니다. 라이브러리에는 브라우저 쿠키 데이터 처리, 브라우저 이벤트 처리 및 양식 데이터 읽기를 포함한 다양한 기능이 포함되어 있습니다..

야후! YUI는 개발자의 관심이 감소하고 Node.js와 같은 라이브러리를 통한 서버 측 스크립팅의 사용이 증가함에 따라 2006 년과 2009 년에 주요 버전을 릴리스했습니다..

유이 튜토리얼

이 튜토리얼은 초보자가 YUI 라이브러리를 시작하는 데 도움이됩니다..

  • YUI 소개 슬라이드는 초보자를위한 라이브러리 소개를 제공하며 Christian Directions North 2009의 Christian Heilmann이 발표했습니다..
  • YUI 라이브러리를 사용하여 풍부한 인터페이스 만들기는 회전식 컨트롤 및 일정과 같은 웹 페이지에 풍부한 기능을 추가하는 방법을 설명하는 Wired Magazine의 단계별 자습서입니다..
  • YUI 3 변경 사항은 YUI 2와 YUI 3의 일부 차이점에 대한 세부 사항을 제공하는 기사입니다..
  • YUI 스키닝은 YUI에서 위젯 및 컨트롤의 “모양과 느낌”을 변경하는 방법을 설명합니다.
  • YUI 예제는 개발자가 YUI 개발을 시작하고 풍부한 인터페이스를 만드는 데 사용할 수있는 수많은 예제를 제공합니다..
  • YUI 소개는 코드 예제와 함께 DOM, 이벤트 핸들러, 애니메이션 모듈 및 Ajax 요청을 포함한 YUI 라이브러리 기능에 대한 정보를 제공합니다..

개발자는 YUI 학습에 도움이되는 다음 비디오 자습서를 살펴볼 수도 있습니다.

  • YUI Basics는 YUI 라이브러리의 개요를 제공하는 비디오 자습서입니다.
  • YUI DataTables는 비디오 자습서로 DataTable 구성 요소에 대한 개요를 제공합니다. 여기에는 코드 예제가 포함되어 있으며 YUI에서 일한 엔지니어 중 한 사람이 제공합니다..
  • YUI Mojito는 개발자가 YUI 용 MVC (Model View Controller) 프레임 워크 인 Mojito를 사용하여 웹 애플리케이션을 작성하는 방법을 보여줍니다..
  • YUI를 사용하지 않을 때 YUI를 사용해야하는 상황을 보여주는 재미 있고 유익한 비디오 자습서.
  • 이벤트 전개는 YUI를 사용하여 DOM, 합성 및 사용자 정의 이벤트를 처리하는 것에 대해 Luke Smith의 강의를 제공합니다. 웹 응용 프로그램은 주로 이벤트 중심이므로 확인해야 할 튜토리얼입니다..

추가 학습 자료

많은 사이트에서 YUI와 관련된 광범위한 주제를 다루는 자습서를 제공합니다. 초보자 및 고급 개발자가 유용하게 사용할 수있는 일부 웹 사이트는 다음과 같습니다..

  • YUI 라이브러리 웹 사이트는 YUI 라이브러리에 대한 많은 기사를 제공하는 웹 사이트입니다. 이 웹 사이트를 탐색하면 개발자는 YUI 기반 응용 프로그램 개발을 빠르게 시작하고 설명서를보고 자습서를보고 YUI 주제에 대해 나머지 개발자 커뮤니티와 대화 할 수 있습니다..
  • GitHub는 YUI를위한 다양한 코드 리포지토리를 저장할뿐만 아니라 다양한 위젯의 모양과 느낌을 변경하고 코드를 수정하는 방법에 대한 자습서도 제공합니다..
  • AlloyUI에는 YUI3 라이브러리 위에 빌드 된 AlloyUI 라이브러리를 사용하는 심층 코드 예제가 포함 된 여러 튜토리얼이 포함되어 있습니다. 웹 사이트를 방문하는 개발자는 라이브러리를 다운로드하고 캐 러셀, 진행률 표시 줄 및 데이터 테이블을 포함한 많은 기능을 구현하는 방법을 배울 수 있습니다.

YUI에 관한 책

다른 많은 언어 및 라이브러리와 달리 YUI에 대한 좋은 책은 몇 가지 있습니다. 그들은 YUI에 대한 완전한 소개를 제공하고 심층적 인 예를 제공합니다..

  • 야후! 학습 Dan Wellman의 User Interface Library (2008)는 개발자에게 YUI에 대한 자세한 개요를 제공합니다. 이 책을 읽는 개발자는 초보자와 고급 개념에 노출됩니다. 사전 경험이 없다고 가정.
  • Evan Goer의 YUI 3 Cookbook (2012)에는 개발자가 프로젝트에서 직접 사용할 수있는 특정 문제를 해결하는 여러 코드 스 니펫 또는 “레시피”가 있습니다. 이 책의 일부 예제에는 애니메이션 작성, 코드 디버그, 구성 요소 작성 및 이벤트 처리 방법이 포함됩니다..
  • 전문 JavaScript 프레임 워크 : Orchard 등의 프로토 타입, YUI, ExtJS, Dojo 및 MooTools (2009)는 코드 샘플뿐만 아니라 YUI를 포함한 다양한 프레임 워크의 개요를 제공합니다. 이 책을 통해 개발자는 끌어서 놓기와 같은 UI 효과를 작성하고 CSS 도구를 사용하며 YUI를 사용하여 위젯을 작성하는 방법을 배울 수 있습니다..

대체 자원

YUI의 마지막 릴리스는 2014 년 이후로 개발자는 대체 프레임 워크를 고려할 수 있습니다. 널리 사용되는 대안으로는 대부분의 웹 사이트에서 사용되는 jQuery가 있습니다. 고려해야 할 jQuery 리소스는 다음과 같습니다..

  • W3Schools jQuery Tutorial은 개발자에게 기본 구문, 이벤트 핸들러 구현, HTML 요소 선택 등 라이브러리의 많은 기능을 가르칩니다. W3Schools를 통해 개발자는 웹 사이트 자체에서 코드를 수정하고 실행할 수 있습니다.
  • jQuery Course는 개발자가 라이브러리의 기본 사항을 배우고 프로젝트를 구현할 수있는 CodeCademy의 온라인 수업입니다..
  • Udemy jQuery Course는 개발자에게 JavaScript 및 jQuery의 기본 사항을 안내하는 강렬한 “부트 캠프”코스입니다. 이 과정에는 사용할 수 있고 정기적으로 업데이트되는 여러 소스 코드 파일이 포함됩니다..

YUI를 배울 가치가 있습니까??

Yahoo가 YUI 개발을 중단했지만 학습을 통해 기술을 향상시킬 수 있습니다. YUI를 학습하면 다른 프레임 워크 모델에 노출됩니다. 이 프레임 워크를 학습하면 jQuery 또는 AngularJS와 같은 유사한 라이브러리를 이해하는 데 도움이됩니다..

추가 프레임 워크를 학습하면 일반적으로 사용되는 소프트웨어 디자인 패턴에 대한 이해를 강화하는 데 도움이됩니다. 예를 들어 YUI는 다른 라이브러리에서 사용되는 Model View Controller 시스템을 사용합니다. 마지막으로 YUI와 같은 웹 프레임 워크는 오픈 소스이므로 개발자는 프레임 워크의 소스 코드를 검사하여 웹 탐색 및 JavaScript 기본 사항을 이해할 수 있습니다..

추가 자료 및 자료

코딩 및 웹 사이트 개발과 관련된 추가 가이드, 자습서 및 인포 그래픽이 있습니다.

  • 올바른 HTML 작성 : 올바른 HTML 작성 및 HTML 유효성 검사기 소프트웨어 사용에 대한 견고한 소개입니다..
  • CSS3 — 소개, 안내서 & 자료 : 웹 페이지 레이아웃을 배우기 시작하기에 좋은 곳입니다.
  • jQuery 학습 및 마스터 : jQuery 소개.

어떤 코드를 배워야합니까?

코딩해야 할 프로그래밍 언어에 대해 혼란 스러우십니까? 인포 그래픽, 어떤 코드를 배워야합니까?를 확인하십시오. 언어의 다양한 측면에 대해서만 논의 할뿐만 아니라 “생활을 위해 Java를 얼마나 많은 돈을 벌 수 있을까요?”

어떤 코드를 배워야합니까?
어떤 코드를 배워야합니까?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map