無料教材
Webとインターフェース設計
Webページを作り、使いやすさを試し、スマートフォンでも動くようにします。エディタとライブプレビューのあるラボで、実際に自分の手を動かして学びます。
自分の JupyterLab で使う三つのラボです。どれもライブプレビューつきで、Webページを編集し、使いにくい店のページを試し、ページをレスポンシブなWebアプリにします。
ハンズオンラボ
ハンズオンレッスン
ここにあるレッスンはどれも、ハンズオンのラボで進めます。横にターミナルが付いた本物の環境で、インストールは不要です。無料アカウントなら、毎月、ほとんどのレッスンを進めるのに十分な無料クレジットの範囲で、すべてのラボを実行でき、基本レッスンもホームに届きます。アカウントなしで実行できるのは Git ラボと SQL ラボです。
ハンズオンレッスン · コンテナーラボ
Front-End Web Basics
このレッスンは、読むだけでなく、横にターミナルが付いた本物のラボで進めます。
生徒ひとりひとりに専用の JupyterLab。HTML、CSS、JavaScript で編集する小さな Web ページと、その場で見られるプレビュー、ページを確かめる Python スクリプトつき。コードは GitHub に。
ハンズオンレッスン · コンテナーラボ
Usability Testing Basics
このレッスンは、読むだけでなく、横にターミナルが付いた本物のラボで進めます。
生徒ひとりひとりに専用の JupyterLab。わざと使いにくくした小さなウェブショップ、12人によるそのユーザビリティテスト、ページを調べるスクリプト、ライブプレビューつき。コードは GitHub に。
ハンズオンレッスン · コンテナーラボ
Mobile Web Basics
このレッスンは、読むだけでなく、横にターミナルが付いた本物のラボで進めます。
生徒ひとりひとりに専用の JupyterLab、小さな習慣記録のウェブアプリ、ライブプレビューを用意し、ビューポート、ブレークポイント、タッチの大きさ、マニフェスト、サービスワーカーを学びます。コードは GitHub にあります。
基本レッスンは、すべての無料アカウントにホームで、またすべての学校に渡されます。コース全体は、個人アカウントなら自分のライブラリに追加でき、学校のアカウントなら授業で使えます。Ubuntu VM ラボは教員がモジュールで出す課題で、レッスンから VM が起動します。
自分で実行する
無料の個人アカウントで、このページのすべてのラボとそのレッスンを、毎月、ほとんどのレッスンを進めるのに十分な無料クレジットの範囲で実行できます。授業を担当していますか？学校を作成すると、生徒に課題として出せます。
すでにアカウントをお持ちですか？サインイン