過去に閲覧した商品

{{ 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

スキャンして共有

【繁體】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) }}
立享権益
もっと詳しく知ります
セール終了まで
タイムセール開始まであと タイムセール終了まであと
{{ 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ギフトカード特別価格

ギフトカードで支払えば、ギフトカード特別価格が得られます

規則説明

ギフトカード特別価格は、一部商品の特別割引オファーです;

ギフトカード特別価格の商品を購入する場合、決済時に電子ギフトカードで相殺し、ギフトカードの残高が註文したギフトカード特別価格商品の合計価格を支払うのに十分であれば、ギフトカード特別価格を適用することができます;

ギフトカードを利用しない場合、あるいはギフトカードの残高が前項に述べた要件を満たさない場合、ギフトカード特別価格を適用することができません。通常の販売価格で計算されることになり、これらの商品を購入することができます。

ギフトカード特別価格の商品を購入した場合、残高が足りない場合は、カートページまたは決済ページの「チャージ」ボタンをクリックしてギフトカードへの購入とチャージを行うことができます。

もし商品はギフトカード特別価格を持つならば、「特別」の特殊価格表記を表示します;

その他の質問や懸念がある場合は、いつでもカスタマーサービスにお問い合わせください;

Yamiは最終解釈権を有します。

Yamiによって販売します

サービス保証

Yami Yamiより販売・発送
Yami 返品・交換保証

配送情報

  • アメリカ

    スタンダード配送料 $5.99 (アラスカ、ハワイを除く)、最終価格が $49 以上で送料無料

    地方発送 $5.99 (カリフォルニア、ニューヨーク、ニュージャージー、マサチューセッツ、ペンシルベニア、上記州の一部地域); 最終価格が $49 以上で送料無料

    2 日以内の配送 (アラスカとハワイを含む) は送料 $19.99 からです

返品・交換ポリシー

Yamiはお客様が安心して購入できるように努めています。Yami.comから出荷されたほとんどの商品は、受領後30日以内に返品可能です(食品、ドリンク、スナック、乾物、健康補助食品、新鮮な食料品および生鮮食品は、損傷または品質の問題がある場合、受領後7日以内に返品可能です。すべてのお客様に安全で高品質の商品を提供するために、美容製品については、品質の問題ではない限り、開封または利用後の返金や返品は対応できません。一部の商品には異なるポリシーまたは要件がありますので、特別な商品については以下をご覧いただくか、Yamiカスタマーサービスにお問い合わせください)。
ご理解とご支持に感謝します。

利用規約の全文を見ます

Yamiによって販売します

Yami 電子ギフトカードの利用規約

購入時に自動チャージを選択した場合、注文完了後にギフトカードが自動的にアカウントにチャージされます;

購入時にメール送信を選択した場合、注文完了後にシステムが自動的にカード番号とパスワードを入力したメールアドレスに送信します;

メールを送信する際、どのユーザーもメールに送られてきたカード番号とパスワードを使用してギフトカードをチャージできますので、メール情報をしっかり保管してください。

メール受信に問題がある場合は、カスタマーサービスに連絡して処理してもらってください;

メールを送信する際、ギフトカードが交換されていない場合は、メールを再発行することができます。他のユーザーにすでに交換されている場合は、補償することはできません;

Yamiの電子ギフトカードは、自営または第三者商品の購入に使用できます;

Yamiの電子ギフトカードには有効期限がなく、長期にわたって有効です;

Yamiの電子ギフトカードの金額は、複数回に分けて使用することができます;

Yamiの電子ギフトカードの業務規則の最終的な解釈権は、Yamiウェブサイトに帰属します。

返品・交換ポリシー

既に利用された電子ギフトカードは返金不可です。

販売元: King Stone

サービス保証

Yami Yamiより販売・発送
Yami 返品・交換保証

配送情報

  • アメリカ

    スタンダード配送料 $5.99 (アラスカ、ハワイを除く)、最終価格が $49 以上で送料無料

    地方発送 $5.99 (カリフォルニア、ニューヨーク、ニュージャージー、マサチューセッツ、ペンシルベニア、上記州の一部地域); 最終価格が $49 以上で送料無料

    2 日以内の配送 (アラスカとハワイを含む) は送料 $19.99 からです

返品・交換ポリシー

商品到着後30日以内であれば返品が可能です。 返品される商品は、購入時の請求書の原本を含む、元の梱包のまま新品である必要があります。お客様の費用負担で製品を返品してください。

King Stoneによって販売します

サービス保証

Yami $以上の店舗間注文: 送料無料
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ポイント情報

すべての商品は、 Yami.com のプロモーションまたはポイント イベントの対象外となります。

返品・交換ポリシー

商品到着後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アプリをダウンロードします