HTMLとCSSの基礎 エディタのインストールとローカルでの開発方法 検証(開発者)ツールの使い方 ウェブサイト仕組みについて ブラウザの基礎 HTMLの基礎① HTMLの基礎② HTMLの基礎③ HTMLの実践① HTMLの実践② HTMLの実践③ ファイルパスの基礎 CSSの概要 CSSのセレクタについて CSSプロパティ① CSSプロパティ② CSSプロパティ③ CSSプロパティ④ CSSプロパティ⑤ (演習)ポートフォリオ作成 (演習)レスポンシブ化 レスポンシブの補足 クラス名の命名の補足 HTML要素の補足
HTMLとCSSの応用 CSSアニメーション①~擬似クラスについて~ CSSアニメーション②~transitionプロパティ編~ CSSアニメーション③~animationプロパティ編~ CSSアニメーション④~transformプロパティ編~ CSSアニメーション⑤~頻出CSSアニメーション編~ (演習)ポートフォリオの動的化 CSSグラデーション Font Awesome Google mapの埋め込み 動画の埋め込み aタグの応用 問い合わせフォームの作成 (演習)SNSをサイトに埋め込む Sassの基礎 ディレクトリ構成の例 reset.css CSSのフレームワーク
JavaScriptの基礎 JavaScriptの概要理解 JavaScriptの検証方法 配列の基本 関数の基本  アロー関数と引数 条件分岐の基本 alert、settimeout forEach文 比較演算子について DOMとは DOM操作について メソッドについて イベントについて addEventListenerについて APIとは (演習)おみくじアプリのコードリーディング (演習)くじ引きアプリのコーディング (演習)OpenWheaterMap API連携 コードリーディング & 一部修正 Ajaxについて Promiseとasync, await JavaScriptのフレームワーク
JQueryの基礎 JQueryについて JQueryの読み込み方 JQueryの頻出メソッド JQueryの頻出イベント JQueryの頻出プラグイン JQueryで作る汎用パーツ編①~ハンバーガーメニュー~ JQueryで作る汎用パーツ編②~スライドショー~ JQueryで作る汎用パーツ編③~モーダル~ JQueryで作る汎用パーツ編④~タブ~ JQueryで作る汎用パーツ編⑤~アコーディオン~ JQueryで作る汎用パーツ編⑥~ローディング~ JQueryで作る汎用パーツ編⑦~フェードイン~ JQueryで作る汎用パーツ編⑧~ページトップに戻るボタン~ (演習) ポートフォリオを動的に:4時間 jQuery UI SPAについて Lazy loadについて JSONについて
模写演習 模写とは 模写のやり方 模写サイト① 模写サイト② 模写サイト③ 模写サイト④ 模写サイト⑤ 模写サイト⑥
ウェブデザイン ウェブデザインの基礎① ウェブデザインの基礎② 配色の基本 汎用パーツパターン ウェブサイトギャラリー分析 ワイヤーフレームとは デザインカンプとは figmaとは? figmaの基本操作 illustratorとは? illustratorの基本操作 Photoshopとは? Photoshopの基本操作 (演習)ポートフォリオをfigmaで再現 フリー素材サイトについて UIUXとは CVRとは?(が上がるボタン) 数値分析ツールについて
GitHub コマンドライン(準備編) git(準備編) コマンドラインとは 頻出コマンド(Linux編) 頻出コマンド(Windows編) OSとは ハードウェア、ソフトウェアとは figmaの基本操作 公開鍵とは SSHとは gitとは githubとは 頻出gitコマンド リポジトリとは クローンとは ブランチとは コミットとは プッシュ、プルとは プルリクエストとは マージとは (演習) リモートリポジトリへポートフォリオをプッシュする (演習) リモートリポジトリへ新しいブランチでプッシュする (演習) プルリクエストを作成してマージする ステージングとは デプロイとは パッケージマネージャーとは シェルとは
サーバーについて IPアドレスとは サーバーとは ドメインとは DNSサーバーとは webサーバーとは プロトコルとは FTPとは (演習)githubでWebページ公開 (演習)FTPにてウェブサーバーにファイル転送 FTPソフトウェア 物理サーバー、仮想サーバーとは クライアント、リクエスト、レスポンスとは ウェブサーバー、アプリケーションサーバー、DBサーバーとは
PHPとWordPressの基礎 PHPの基礎(準備編) PHPについて WordPressの基礎 WordPressの概念 ローカルサーバーでの立ち上げ フォルダ構成 テーマとは 管理画面の基本操作 記事投稿 (演習)Contact form7 (演習) 子テーマの作成
WordPressの応用 オリジナルテーマとは PHPについて WordPressの基礎 WordPressの概念 ローカルサーバーでの立ち上げ フォルダ構成 テーマとは 管理画面の基本操作 記事投稿 (演習)Contact form7 (演習) 子テーマの作成 (演習)ポートフォリオのオリジナルテーマ化 オリジナルテーマのサムネ作成 固定ページの階層 有料テーマとは
既存サイトの修正演習 HTML&CSS編 JavaScript編 JQuery編 WordPress編
オリジナルポートフォリオの作成~デザイン編~ オリジナルポートフォリオ作成のルール ヒアリングシートを自分で記入 参考サイトをピックアップ ワイヤーフレームを作成 ライティングを作成 デザインカンプを作成 画像選定 自分で作成するサイトのチラシ作成
オリジナルポートフォリオの作成~コーディング編~ ディレクトリ構成の決定 reset.css、common.cssの適用 コーディング レスポンシブ対応
オリジナルポートフォリオの作成~WordPress化編~ WordPressをインストール ファイルを分割 必要なプラグインを入れる 必要なサイト設定をする docsフォルダに格納しGitHub Pagesで公開できる構成にする 新規リポジトリを作成しGitHubにプッシュする GitHub Pagesでの公開設定をする
TOP