作成日:2021/04/12 更新日:2022/01/27 CRI TECH SCHOOL タイピングゲーム ローマ字の部 クリアした数 :0 個 ミスタイピング:0 回 入力した文字数:0 文字 残り時間120 sec. クリアした単語は0個です。 ミスタッチは0回です。 入力した文字数は0文字です。 あなたの最終的なスコアは 0 点です。 ランクは 0 です。 このページを印刷 もう一度挑戦 名前
入門1(コーダー初級) Webサイトを作る準備 Webサイトはhtmlとcssで作る htmlとcssの決まりごと htmlは枠というブロックのパズル htmlでの枠の使い方と特性 cssでデザインしてみる cssでデザインする時のプロパティ 簡単なWebサイトを作ってみよう 枠をなぞってhtmlを作る 枠に名前をつけて個別にデザインする 枠を中央に配置する方法 2つの枠を横並びにする方法 枠だけのホームページが完成 枠の中に画像や色を入れる 枠の中にテキストを入れる 簡単なwebサイトの完成 完成したレイアウトを拡張する 入門2(コーダー中級) 枠のことを「要素」と呼ぶ 要素のレイアウトに便利なflexボックス 要素の種類を変えるdisplayプロパティ 要素の位置を調整できるpositionプロパティ 要素を回り込みさせるfloatプロパティ いろんなcssのセレクタ指定方法 入門3(コーダー上級) 実践を踏まえたコーディング
基礎1(マークアップ 初級) インターネットの仕組み FTP接続 SEOについて レスポンシブコーディングとは ビューポート、cssメディアクエリについて 作ったhtmlをレスポンシブ化してみよう レスポンシブコーディングでサイト制作① レスポンシブコーディングでサイト制作② 基礎2(マークアップ 中級) エクセル関数について エクセル関数(売上票を作る) エクセル関数(成績表を作る) jQueryってなに? jQueryライブラリの読み込み 簡単な機能をjQueryで実装しよう 変数を使う 関数を使う コンソールでデータの確認 モーダルウィンドウを作る 基礎3(マークアップ 上級) jQueryプラグインを実装してみる CSSでアニメーション(transform,transition) デザインでよく使うtransitionスニペット Sassを使ってCSSを効率的に記述する SCSSの使い方
応用1(フロントエンドエンジニア 初級) ローカルにWeb開発環境を作る(LAMP) PHPについて PHPの変数 PHPで条件によって処理を変える(条件分岐) PHPで繰り返し処理を行う(ループ処理) PHPの配列変数(変数に複数データ) PHPで配列のループ処理 PHPを便利にするいろんな記号 データベース(DB)を作る 応用2(フロントエンドエンジニア 中級1) PHPとjsで簡単なアプリを作ってみよう PHPのエラーをブラウザに表示させる データベース(DB)に接続する DBデータをhtmlで表示させる formタグから入力したデータをDBに登録 jQueryで要素をドラッグ移動させる データをAjaxでPHPに送信しDBに登録 PHPで簡単にできるデバッグ方法 作ったプログラムを拡張してみる リレーショナルデータベース PHPのクラスを理解するための準備 PHPアプリケーションをクラス化してみよう 応用3(フロントエンドエンジニア 中級2) CMSについて WordPressのインストールと初期設定 独自テーマを作る 共通部分をテンプレート化 TOPページを作る 下層ページを作る 固定ページにNEWS投稿を読み込む 便利なプラグインを使う カスタムフィールド機能を使う その他の便利なWordPressの機能 カスタム投稿機能を使う カスタムタクソノミー機能を使う
実践1(フロントエンジニア 中級3) コマンドラインを使おう Homebrewのインストール Gitでファイルのバージョン管理 Gitを視覚的に確認 Gitでファイルを共有する Gitでファイルの取り込み 実践2(フロントエンドエンジニア 中級4) Vue.jsをインストールして動作確認 静的なページをVue.jsを使って構築する Veu.jsをCDNで読み込み画面表示させる PHPの代わりにVue.jsでHTML表示 VueコンポーネントでHTML表示させる 実践3(フロントエンドエンジニア 上級1) VueとWebAPIでアプリを作る APIファイルを自作する Vueでドラッグ&ドロップ Vue.js + WordPressでヘッドレスCMSを作る
実践3(バックエンド Laravel) PHPフレームワークのLaravel(ララベル)をつかおう Laravelをローカル環境に導入する準備 Laravelの環境構築の方法 Laravelでアプリケーション作成の準備 Laravelでブラウザに表示されるかを確認する Laravelの仕組み〜MVCの理解〜 Laravelでデータベースのデータを表示する方法 Laravelアプリでデータを新規登録する方法 LaravelでAjaxのデータを登録する方法 Laravelでアプリを作ってみよう
入門(デザイン概論) デザインを科学する 観察(与件の整理) 実験(別案の作成) 数字(裏付けとなる数字) デザイン(配置の優先順位) デザイン(余白をつくる) デザイン(目を引く方法と目線の流れ) デザイン(書体を考える) デザイン(立体感を出す) 基礎(デザイン実践) バナーをデザインする 応用(クリエイティブ) 居酒屋サイトを作る クリニックサイトを作る キャンペーンLPを作る
Kids タイピングゲーム キッズ向けタイピングゲーム Kids Scratch基礎 Scratchを使ってみよう Kids Webサイト制作 ブラウザとGmailの設定 WixでWebサイトを作ってみる