プログレッシブ ウェブアプリの紹介
このコースでは、最初の一歩先を行くプログレッシブ ウェブアプリ - ネイティブ機能の多くを利用できるウェブアプリ 大きな成功を収めています。また、メッセージの作成、 Service Worker を使用してオフラインでも動作するウェブアプリ最後に、 ウェブアプリ マニフェスト ファイルを使用して、ユーザーのホーム画面にインストールできるアプリ
このコースは Google Cloud で提供されている <ph type="x-smartling-placeholder"></ph> Udacity
コースを受講するウェブ アクセシビリティ
このコースでは、実際にウェブ アプリケーションを作成します。 アクセスできるようにします。ユーザーがユーザー補助を必要とする状況と理由を理解できます。その後 スクリーン リーダーでページを適切に動作させる方法、 入力フォーカスの管理( form.)ウェブにおける「セマンティクス」と「セマンティック マークアップ」の意味がわかる ARIA マークアップを追加して、 支援します。最後に、ユーザーが操作しやすいスタイルと 部分的な視力でページを簡単かつ確実に移動できます。
このコースは Google Cloud で提供されている <ph type="x-smartling-placeholder"></ph> Udacity
コースを受講するブラウザのレンダリングの最適化
ユーザーにとってパフォーマンスは重要です。ウェブ デベロッパーは、 スムーズにレンダリングできますGoogle のパフォーマンスの第一人者 Paul Lewis が ジャンクを排除して 60 フレーム/秒を維持するウェブアプリを 2 回目のパフォーマンスとなりますこのコースでは、Google Cloud のワークロードを アプリのプロファイリングを行い、ジャンクの原因を特定します。ブラウザのさまざまな設定と 簡単に構築できるパターンを明らかにする 開発できます。
このコースは Google Cloud で提供されている <ph type="x-smartling-placeholder"></ph> Udacity
コースを受講するレスポンシブ ウェブ デザイン
このコースでは、レスポンシブ ウェブ デザインの基礎を学びます。 Google の Pete LePage です。機能する独自のレスポンシブ ウェブページを作成する スマートフォン、タブレット、パソコンなど、あらゆるデバイスに対応しています。
まず、サイトがレスポンシブになる仕組みと、 レスポンシブ デザイン パターンはさまざまなデバイスで機能します。そこから ビューポートを使用して独自のレスポンシブ レイアウトを作成する CSS メディアクエリを使って指定できます学習を進めていくと、主要なデータ分析の マイナー ブレークポイント、読み上げ用テキストの最適化などです。
このコースは Google Cloud で提供されている <ph type="x-smartling-placeholder"></ph> Udacity
コースを受講するクリティカル レンダリング パス
次の動画で、ウェブサイトの速度を最適化して最適化する方法を学びましょう モバイルとパソコンのブラウザでページを表示する仕組みの詳細。
クリティカル レンダリング パス( ブラウザが HTML、CSS、JavaScript を ウェブサイトですそこから パフォーマンス測定ツールとシンプルな戦略を試して 配信されるようにすることです学習内容 PageSpeed Insights とタイムラインの最適化案を参考にする方法をご紹介します。 Google Chrome のデベロッパー ツールを表示して、必要なデータを見つけることができます。 パフォーマンスがすぐに向上します。
このコースは Google Cloud で提供されている <ph type="x-smartling-placeholder"></ph> Udacity
コースを受講するレスポンシブ画像
画像は平均バイト数の 60% 以上を占めていることをご存知でしたか? どうすればよいでしょうか
このコースでは、最新のウェブで画像を扱う方法について学びます。 どのデバイスでも 画像をきれいに表示できます
その過程で、さまざまなスキルやテクニックを習得し、 開発ワークフローにレスポンシブ画像を統合できます年末まで それに適応し、応答するイメージを使用して開発します。 使用シナリオに応じて異なる可能性があります。
このコースは Google Cloud で提供されている <ph type="x-smartling-placeholder"></ph> Udacity
コースを受講するオフライン ウェブ アプリケーション
このコースではユーザーエクスペリエンスに 焦点を当てており オフラインファーストを考えることが アプリケーションは、理想的なシナリオだけでなく、すべてのシナリオで最高のパフォーマンスを発揮します。これから 「良い」、「悪い」、「断続的」、「断続的」、 アプリケーションのデプロイ方法、 条件を簡単に満たせるようにしています
このコースで習得したスキルを使って、 オンラインとオフラインの両方で機能し、必要なときに新しいデータを読み込むアプリ できます。ウェブアプリは ネイティブアプリと同じように使用できますユーザーエクスペリエンスの向上につながります 従来のように困難な接続シナリオでも 電車のトンネル、混雑した会議の Wi-Fi に頼らない、 通信の「デッドゾーン」を経由し
このコースは Google Cloud で提供されている <ph type="x-smartling-placeholder"></ph> Udacity
コースを受講するウェブツールと自動化
このコースでは、開発環境のセットアップ方法、 作業効率を高め、自分自身とサイトを守り、 自動最適化によって多くの時間と労力を節約できます。 自動化に役立ちます最後に、自信を持ってこれらすべてを行う方法を学びます。 コードを現実世界のさまざまなデバイスで実行する場合です。
このコースは Google Cloud で提供されている <ph type="x-smartling-placeholder"></ph> Udacity
コースを受講するコンバージョン率の高いウェブフォームの作成
ウェブ上の有意義な体験には、必ずフォームがあります。人工物で作られていても、 テキスト ボックス、切り替え、ボタン、チェックボックス、タップ可能なウィジェット、ウェブ 開発者はユーザーの満足度を高めるために 目的を明確にする必要があります コンバージョンを増やします
このコースでは、最新のフォームに関するおすすめの方法を学びます。これから 自習型のプロジェクトでスキルを磨くか、 これには e コマースの購入手続きや イベントプランナーアプリが含まれます
Luke のインタビューも視聴できます Google プロダクト ディレクター兼 Web Form Design 作成者の Wroblewski に 今日のウェブとのやり取りに関する彼の言葉です。
このコースは Google Cloud で提供されている <ph type="x-smartling-placeholder"></ph> Udacity
コースを受講する