최근 본 상품

{{ badge.badge_name }}
{{ item.brand_name }} {{ item.group_num + __(" Options") }}
{{ item.item_title }}
{{ item.rank.category_name }} {{ $isZh ? ' ' + item.rank.rank_name +' No.'+ item.rank.rank_num : '#'+item.rank.rank_num + ' ' + item.rank.rank_name }} {{ item.rank.category_name }}
{{ formatNumber(visualViewRate(item)) }} ({{ item.comment.comment_count > 0 ? item.comment.comment_count : __("Be the first!") }})
· {{ viewedItemSaleInfo(item) }}

{{ currency }}{{ priceFormat(item.price.shop_price) }} {{ currency }}{{ priceFormat(item.price.del_price) }}

{{ item.bundle }}
장바구니에 추가됨

배송 지역 전환

지역에 따라 재고 및 배송 속도가 다를 수 있습니다.

위치 기록

{{email ? __('Got it!') : __('Restock Alert')}}

상품입고 후 바로 알려드리겠습니다.

취소
Yami
KingStone

【繁體】React入門開發實務

{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}
{{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ item.valid_price }}
{{ buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start") }}
  • + 4 images
제품 설명
제품 세부 정보 전체보기
内容簡介

從JavaScript語法的基礎開始,即使沒有相關概念的讀者也能逐漸上手

章節設計橫跨美術設計與程式開發技術,盡量滿足設計與工程兩個領域方面需求的讀者。

探討網頁全端開發的各個概念,並透過實作的方式帶領讀者逐步完成這些挑戰。

React是一套網頁的前端框架技術,因此開發者除了需要具備HTML與CSS的網頁語法開發經驗外,還需瞭解基本的JavaScript語法。因此本書將從基礎的JavaScript語言開始講起,讓無論是否有JavaScript實際開發經驗的讀者都能簡單上手。

接著將進入本書的重點:React的操作原理與基本架構,並從UI設計與實作面一步步帶領讀者進入React的開發世界。專案面更導入同樣是以JavaScript語言開發的熱門後端框架Node.js,實現第三方模組管理與建構出完整的專案結構。期許讀者能擁有使用JavaScript語言獨立開發Single Page Application的實務能力。另外本書也收錄了一些UI設計的概念與React開發的相關資源,希望能讓你的App專案更為豐富有趣。

目錄

第1章 什麼是前端工程師
由於前端要處理的問題相當廣泛,因此如何運用一個好的工具來解決這樣複雜的問題,就成了前端開發相當重要的一課,這也造就了如今前端框架百家爭鳴的狀況,但在介紹這些框架之前,讓我們先來了解一下幾個軟體框架的設計。

第2章 從JavaScript出發
本章節將介紹JavaScript基本語法,重點說明JavaScript各項概念,就算你從未接觸過JavaScript語言,沒有任何JavaScript的開發經驗,只要看完本章節,也可以具備必須的技能,開始撰寫JavaScript。

第3章 非同步處理的時代 ─ ECMAScript 6
在這個章節將會介紹我們常會用到的ES6的語法。

第4章 React起手式
本章將傳授React的基礎功夫,讓我們一起把馬步扎穩,並且享受開發網頁的樂趣。

第5章 事件處理與表單
本章將討論React的事件處理系統,在了解它之前讓我們先來看看真實DOM對事件的處理方式,包含如何綁定事件處理器、DOM事件流等概念。然後再來看看React的合成事件帶來了什麼樣的特性。本章最後一部分將介紹什麼是受控元件與未受控元件,以及受控元件和事件處理器的關係。我們將會以受控的方式來介紹React中表單的設計。

第6章 複合元件
元件是React中的基本單元,而元件組合則是React很重要的設計精神,本章將討論如何組合、嵌套各式各樣的元件,並介紹各種元件間的通訊方式、特殊屬性等等,配合一個簡單的範例來說明這些概念,帶領大家對React有更進一步的認識。

第7章 元件的生命週期
本章將討論React元件從誕生開始一直到消亡之間所經歷的過程,並將此過程整理成一張流程圖以讓讀者可以在一開始就能夠以比較全面的視野來理解元件的生命週期。本章也會對元件setState實例方法的行為進行詳細的說明,認識setState的行為也是剛跨入React的開發者必須經歷的重要課題之一。本章最後會援引React官網所提供的一個時鐘範例並稍作修改,用以觀察React元件的一生。

第8章 專案結構與建置工具
在第四章,我們已經介紹了由CDN,或是直接下載檔案的方式來使用React,在這個章節我們將以專案開發的形式來使用React。

第9章 建構自己的Landing Page
寫Front-End最困難的地方莫過於具備基本的程式能力外,還需要一些基礎的美學素養,因為前端處理的部份往往都跟視覺以及使用者體驗有關,因此這個章節我們就以一個專案的門面開始,使用React從無到有來打造屬於自己的Landing Page,除了認識React元件重複利用的特性,也順便介紹一些基礎的設計技巧。

第10章 Flux與Redux
在React中,元件並不是單獨存在的,在元件之間會有資料的流動,而且這個資料的流動只能從父元件傳遞給子元件,因此我們稱之為單向資料流。當我們的React應用越做越複雜,我們可能會遇到動態資料的處理、儲存資料和更新資料等,此時就需要更好的架構來管理複雜的資料流,並且讓程式的邏輯更容易的預測與了解,本章目標在於介紹資料流的應用程式架構。

第11章 路由
本章將用之前建立好的React環境來針對幾個常用到的功能進行練習。

第12章 Single Page Application ─ 留言板實作
最後一個章節,我們將使用第九章寫好的Landing Page,繼續完成一個標準的SPA(Single Page Application),因此本章的範例,我們將會整合第十章的Redux以及第十一章的路由。更進一步的,還會帶領大家實際操作資料庫的讀寫與RESTful API的基本應用。

附錄A JSX內建HTML元件
附錄B React元件支援的事件
附錄C React元件支援的HTML屬性
附錄D React元件支援的RDFa屬性
附錄E React元件支援的SVG屬性

명세서

상표 KingStone
브랜드 영역 대만
순 내용 1g

면책성명

제품 가격, 포장, 사양 등의 정보는 예고 없이 변경될 수 있습니다. 적시에 제품 정보를 업데이트 할 수 있도록 최선을 다하지만, 받은 실제 제품을 참고하시기 바랍니다. 제품을 사용하기 전에 반드시 제품에 동봉된 라벨, 경고 및 설명을 읽어 주십시오.

상세정보 보기 {{ itemAct.title || '' }}

알뜰 세트

유사한 상품

연관 검색어

{{ item.userActionNumberDesc }}
Yami wechat-share qr code

QR코드스캔하여 공유

【繁體】React入門開發實務

{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}
{{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }} {{ itemCurrency }}{{ item.invalid_price }} {{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }}
가격:
{{ itemCurrency }}{{ priceFormat(item.member_price) }}
VVIP 드림
더 알아보기
후에 세일 종료
후 초특가세일 시작 후 초특가세일 종료
{{ getSeckillDesc(item.seckill_data) }}
{{ __("Pay with Gift Card to get sale price: :itemCurrency:price", {'itemCurrency': itemCurrency, 'price': (item.giftcard_price ? priceFormat(item.giftcard_price) : '0.00')}) }} ({{ itemCurrency }}{{ priceFormat(item.giftcard_price / item.bundle_specification) }}/{{ item.unit }}) 상세정보
{{ $isZh ? coupon.coupon_name_sub : coupon.coupon_ename_sub | formatCurrency }}

판매 중단

이 상품이 언제 재입고될지는 알 수 없습니다.

현재 주소로 배송 불가
품절
판매자: King Stone
배송지
{{ __("Ship to United States only") }}
49이상 주문 시 무료 배송
정품 보증
대만에서 배송
{{ quantity }} {{ instockMsg }} {{ limitText }}
{{ buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start") }}
상품 유효 기간

함께 구매

합계 ${{ priceFormat(totalPrice) }}

장바구니에 추가됨

쇼핑 계속하기

당신을 위한 추천

{{ item.brand_name }}

{{ item.item_name }}

{{ item.currency }}{{ item.market_price }}

{{ item.currency }}{{ item.unit_price }}

{{ item.currency }}{{ item.unit_price }}

쿠폰

{{ coupon.coupon_name_new | formatCurrency }}
받기 받았음 마감
{{ getCouponDescStr(coupon) }}
{{ coupon.use_time_desc }}
곧 만료됩니다: {{ formatTime(coupon.use_end_time) }}

친구들과 공유하세요

취소

Yami 기프트카드 전용특가

기프트카드로 결제하면 전용특가를 받을 수 있습니다

규칙 설명

기프트카드 전용특가는 일부 상품에 대한 특혜가격입니다.

기프트카드 전용특가 상품 구매 시 E-기프트 카드 잔액으로 결제하고 기프트카드 잔액이 주문 내 상품의 총액을 지불하기에 충분하하 기프트카드 전용특가가 자동으로 활성화됩니다.

기프트 카드 잔액으로 결제하지 않거나 기프트카드 잔액이 전항의 요건을 충족하지 못할 경우 기프트카드 전용특가를 활성화할 수 없으며 상품은 정상 가격으로 구매할 수 있습니다.

기프트카드 전용특가 상품 구매 시 잔액이 부족할 경우 장바구니 또는 결제 페이지에서 "충전" 버튼을 클릭하여 기프트카드를 구매 및 충전할 수 있습니다.

기프트카드 전용특가가 있는 상품은 "전용특가"라는 특별한 가격표시가 표시됩니다.

질문이 있으시면 언제든지 고객 서비스에 문의하십시오.

Yami는 기프트카드 전용특가 관련 최종 해석권을 보유합니다.

Yami 판매

서비스 보장

Yami $49 이상 미국발 무료배송
Yami 걱정 없는 반품/교환

배송 정보

  • 미국

    표준 배송 $5.99(알래스카, 하와이 제외), 최종 가격 $49 이상 시 무료 배송

    지역 배송 $5.99(캘리포니아, 뉴욕, 뉴저지, 매사추세츠, 펜실베이니아, 위 주의 일부 지역), 최종 가격 $49 이상 시 무료 배송

    2일 이내 배송(알래스카 및 하와이 포함) $19.99부터 시작

반품 및 교환 정책

Yami는 고객님께 최상의 A/S를 제공하고, 모든 분들이 Yami에서 안심하고 쇼핑할 수 있도록 노력하고 있습니다. Yami의 자영 상품은 반품 및 교환 조건을 충족하는 경우, 상품 수령 후 30일 이내에 반품 및 교환할 수 있습니다(식품은 품질 문제로 인해 7일 이내에 반품 및 교환이 가능합니다. 모든 고객이 안전하고 고품질의 제품을 받을 수 있도록 뷰티 제품은 개봉 또는 사용 후에는 품질 문제를 제외하고 환불 또는 반품을 제공하지 않습니다. 기타 특별 카테고리의 제품은 고객 서비스에 문의하시기 바랍니다).
이해와 지원에 감사드립니다.

상세정보 보기

Yami 판매

Yami E-기프트카드 사용 약관

구매 시 자동 충전을 선택한 경우, 주문 완료 후 기프트카드가 자동으로 계정에 충전됩니다.

구매 시 이메일 발송을 선택한 경우, 주문 완료 후 시스템이 자동으로 카드 번호와 비밀번호를 입력한 이메일로 발송합니다.

이메일을 보낼 때, 모든 사용자는 이메일에 있는 카드 번호와 비밀번호를 사용하여 기프트카드를 충전할 수 있으니, 이메일 정보를 잘 보관하세요.

이메일을 받는 데 문제가 있으면, 고객 서비스에 연락하여 처리해 주세요.

이메일을 보낼 때, 기프트카드가 교환되지 않았다면 이메일을 재발송할 수 있습니다. 이미 다른 사용자에 의해 교환된 경우에는 보상할 수 없습니다.

Yami의 E-기프트카드는 자영 또는 제3자 상품 구매에 사용할 수 있습니다.

Yami의 E-기프트카드는 유효 기간 제한이 없으며, 장기간 유효합니다.

Yami 전자 상품권의 금액은 여러 번에 나눠서 사용할 수 있습니다;

Yami 전자 상품권 업무 규칙의 최종 해석 권한은 Yami 웹사이트에 있습니다.

반품 및 교환 정책

이미 사용된 E-기프트카드는 환불이 불가능합니다.

판매자: King Stone

서비스 보장

Yami $49 이상 미국발 무료배송
Yami 걱정 없는 반품/교환

배송 정보

  • 미국

    표준 배송 $5.99(알래스카, 하와이 제외), 최종 가격 $49 이상 시 무료 배송

    지역 배송 $5.99(캘리포니아, 뉴욕, 뉴저지, 매사추세츠, 펜실베이니아, 위 주의 일부 지역), 최종 가격 $49 이상 시 무료 배송

    2일 이내 배송(알래스카 및 하와이 포함) $19.99부터 시작

반품 및 교환 정책

제품을 받으신 후 30일 이내에 제품을 반품하실 수 있습니다. 반품된 품목은 구매에 대한 원본 송장을 포함하여 원래 포장된 새 품목이어야 합니다. 고객이 자신의 비용으로 제품을 반품합니다.

King Stone 판매

서비스 보장

Yami 점포간 $:amount 이상 구매 시 무료 배송
Yami 30일 반품/교환 보장

Yami-중국 집하창고

Yami는 중국 내 주요 우수매장에서 제품을 선별하여 모아 Yami 중국통합센터로 배송하며 택배를 합친 후 전국 각지의 주소로 배송해 드립니다. 점포간 무료 배송 조건은 최저 $69입니다. 여러 판매자가 제공하는 다양한 상품 중에서 원하는 상품을 선택하고 점포간 무료배송으로 저렴한 배송비를 쉽게 누릴 수 있습니다.

반품 정책

30일 이내 반품 및 교환 보증을 제공합니다. 제품은 새로 사용하지 않은 원래 포장에 구매 증명서가 첨부되어 있어야 합니다. 상품 품질 문제, 잘못된 배송, 배송 누락 등 판매자의 실수로 인한 경우 환불 처리됩니다. 기타 사유로 인한 반품 및 교환은 배송비는 고객이 자체로 부담하셔야 합니다. 모든 제품은 장거리 배송을 하기 때문에 간혹 간단한 외부 포장이 눌려 마모되는 등이 있지만 내부 품질 문제가 없는 경우 반품 및 교환할 수 없습니다.

배송 정보

Yami 중국집하배송 Consolidated Shipping 배송비 $9.99 ($69 이상 주문시 무료배송)

중국 판매자는 주문 후 영업일 기준 2일 후에 상품을 발송합니다. 모든 택배는 Yami 중국통합센터(특별한 상황 및 중국 내 개별 법정 공휴일 제외)에 도착하여 택배를 합친 후 UPS를 통해 미국으로 배송됩니다. UPS는 중국에서 발송 후 미국까지 평균 10영업일 정도 소요되며 직배송 주문 번호에 따라 수시로 추적 및 조회할 수 있습니다 전염병의 영향으로 현재 물류가 5일 정도 지연될 수 있습니다. 택배는 고객 서명이 필요합니다. 서명하지 않은 경우 고객은 택배가 분실될 위험을 부담하게 됩니다.

King Stone 판매

서비스 보장

49이상 주문 시 무료 배송
정품 보증
대만에서 배송

배송 정보

UPS Ground배송비$11.99($49 이상 주문 시 무료 배송)


Seller will ship the orders within 1-2 business days. It will not be shipped between April 7, 2019 and April 4, 2019. Orders during this time will begin shipping on April 8. Thanks for your cooperation.

포인트 규칙

모든 품목은 Yami 의 프로모션이나 포인트 이벤트에서 제외됩니다.

반품 및 교환 정책

제품을 받으신 후 30일 이내에 제품을 반품하실 수 있습니다. 반품된 품목은 구매에 대한 원본 송장을 포함하여 원래 포장된 새 품목이어야 합니다. 고객이 자신의 비용으로 제품을 반품합니다.

증정품

당신을 위한 추천

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

리뷰

당신의 체험을 공유하고 더 많은 사용자가 선택할 수 있도록 도와줍니다.

리뷰 작성
해당 옵션에 리뷰가 없습니다. 다른 옵션의 리뷰를 보여드릴게요.
정렬
기본

구매후기

전체 보기
현재 상품다
User Avatar VIP
:

{{ strLimit(comment, 200) }}

{{ comment.content }}

Review Image

{{ comment.imageList.length }} photos

Show Original

조건에 맞는 리뷰가 없습니다

리뷰 상세

Yami Yami
:

{{ showTranslate(commentDetails) }}접기

{{ strLimit(commentDetails, 800) }}전체 보기

Show Original

{{ commentDetails.content }}

Yami
모두 보기

{{ formatTime(commentDetails.in_dtm) }} 구매 완료 {{ groupData }}

{{ commentDetails.likes_count }} {{ commentDetails.likes_count }} {{ commentDetails.reply_count }} {{ commentDetails.in_user == uid ? __('Delete') : __('Report') }}

내용을 입력하세요

답변{{ '(' + replyList.length + ')' }}

Yami Yami

{{ showTranslate(reply) }}접기

{{ strLimit(reply, 800) }}전체 보기

Show Original

{{ reply.reply_content }}

{{ formatTime(reply.reply_in_dtm) }}

{{ reply.reply_likes_count }} {{ reply.reply_likes_count }} {{ reply.reply_reply_count }} {{ reply.reply_in_user == uid ? __('Delete') : __('Report') }}

내용을 입력하세요

취소

지금까지의 모든 리뷰입니다!

리뷰 작성하기
상품 평점

댓글을 입력하세요.

  • 좋은 닉네임이 당신의 리뷰를 더 인기 있게 만들 것입니다!
  • 여기에서 닉네임을 변경하면 개인정보의 닉네임도 같이 변경됩니다.
리뷰를 남겨주셔서 감사합니다
당신의 좋은 리뷰는 우리 커뮤니티가 아시아 최고의 상품을 찾는 데 도움이 됩니다.

신고하기

취소

이 리뷰를 삭제하시겠습니까?

취소

{{ brandInfo.title }}

전체 보기

브랜드 스토리

{{ brandInfo.descView }} ...전체 보기

{{ isZh ? album.topic_name : album.topic_ename }}

상품

{{ album.goods_count_info }}

구매 수량

{{ album.bought_count_info }}

전체 보기

{{ story.page_title }}

{{ story.page_desc }}

상세정보 보기
함께본상품
브랜드 스토리

{{ brandInfo.title }}

{{ brandInfo.desc }}
Yami

Yami 앱 다운로드