【2021,22年版】Progateから実務までにやるべきことと具体的手順【Web制作完全独学ロードマップ】

2021年、2022年のWeb制作独学の流れを解説しました。 ブログ版が常に最新です→https://shogo-log.com/after-progate/ 目次 00:00 あいさつ 04:25 1冊で全て身につくHTML&CSSとwebデザイン入門講座 05:44 コーディング教材初級編3つ 07:55 【初級Ex】 XDデザインからのコーディング実践演習【複雑なレイアウト】 08:52 jQueryの学習方法 10:20 Sassの学習方法 12:12 CSS設計を学ぶ【CSS設計完全ガイド】 13:25 コーディング教材中級編2つ 15:35 テクニカルSEO（セクショニング・コンテンツ） 16:56 ポートフォリオ公開 18:51 PHP 19:28 WordPressレッスンブック5.X対応版 20:07 WordPress開発マスター講座 21:07 ビジネスサイトを作って学ぶ WordPressの教科書Ver5.x対応版 22:22 【上級】XDデザインからのコーディング実践演習【WordPress実案件レベル】 23:52 【即戦力編】Photoshopデザインカンプからのコーディング練習 27:46 モチベ維持 ーーーーーーーーーーーーーーーーーーーーー 【紹介した動画や記事・教材】 ✅デイトラWeb制作コース https://shogo-log.com/daily-trial/ ✅ロードマップ完走者からのメッセージ https://shogo-log.com/brave-messages/ ✅1冊で全て身につくHTML&CSSとwebデザイン入門講座 https://amzn.to/2YX7Lzh ✅コーディング課題入門編 https://note.com/samuraibrass/n/n793a... ✅コーディング課題初級編 https://note.com/samuraibrass/n/n2108... ✅クリ★スタ【コーディング課題】XDからコーディングをしよう【初級編】 https://crestadesign.org/cording-first/ ✅コーディングの練習をしよう〜その２〜 https://note.com/chizumi_/n/n43e918e9... ✅【初級Ex】 XDデザインからのコーディング実践演習【複雑なレイアウト】 https://note.com/samuraibrass/n/n1622... ✅jQuery標準デザイン講座 https://amzn.to/3mVDI2V ✅【Web制作向け】VSCodeおすすめプラグイン・拡張機能と設定一覧【超快適】    • 【Web制作向け】VSCodeおすすめプラグイン・拡張機能と設定一覧【超快適】   ✅現場のプロから学ぶ CSSコーディングバイブル https://amzn.to/30kMik4 ✅CSS設計完全ガイド https://amzn.to/3DHfct8 ✅コーディング課題中級編 https://note.com/samuraibrass/n/nd174... ✅コーディング課題中級Ex https://note.com/samuraibrass/n/n8dd4... ✅【web制作実務で必須！】HTMLのセクショニングコンテンツを理解しようwithCSS設計思想    • 【web制作実務で必須！】HTMLのセクショニングコンテンツを理解しようwith...   ✅HTMLコーダー＆ウェブ担当者のための Webページ高速化超入門 https://amzn.to/2YUuY52 ✅ポートフォリオを公開するならConoHa WINGが簡単でおすすめ【HTMLからWordPressまで】 https://shogo-log.com/conoha-wordpress/ ✅Web制作の進捗報告（プロトタイプ）や納品・引き渡しってどうやってするの？【HTMLサイト・WordPressサイト編】    • Web制作の進捗報告（プロトタイプ）や納品・引き渡しってどうやってするの？【H...   ✅WordPressレッスンブック 5.x対応版 https://amzn.to/3AKVx9U ✅ちゃんと学ぶ、WordPress テーマ開発講座 https://click.linksynergy.com/deeplin... ✅ビジネスサイトを作って学ぶWordPressの教科書 Ver. 5.x対応版 https://amzn.to/2Z1fRH0 ✅【上級】XDデザインからのコーディング実践演習【WordPress実案件レベル】 https://note.com/samuraibrass/n/n9faa... ✅【即戦力編】Photoshopデザインカンプからのコーディング練習 https://note.com/samuraibrass/n/n779c... ✅作りながら学ぶGulp4！Web制作で使い回せる初期ファイルを作ろう！【回答付きだから安心】 https://brmk.io/JU4F ✅IMAWOの主   / 098ra0209   ーーーーーーーーーーーーーーーーーーーーーーー 【私が公開している鬼レビュー付きコーディング教材】 XD、Photoshopデザインカンプよりコーディングできる教材を販売しています。 全6つで「HTML初心者からWordPress実務レベルまで」網羅しています。 ■教材説明ページ https://shogo-log.com/coding-study/ ■教材販売ページ（全部盛り） https://shogo-log.com/coding-practice... ━━━━━━━━━━━━━━━ 人気の動画3選 ━━━━━━━━━━━━━━━ ①web制作フリーランスとして初案件を獲得するまでにやったこと【今ならこうするも解説】    • web制作フリーランスとして初案件を獲得するまでにやったこと【今ならこうするも解説】   ②web制作でProgateから実務までにやるべきこと【具体的なロードマップ付き 】    • web制作でProgateから実務までにやるべきこと【具体的なロードマップ付き 】   ③【現役フリーランスが語る】Web制作の流れ完全解説【コーディングはほんの一部分です】    • 【現役フリーランスが語る】Web制作の流れ完全解説【コーディングはほんの一部分...   ━━━━━━━━━━━━━━━ しょーごログおすすめ記事！ ━━━━━━━━━━━━━━━ ①【徹底レビュー】デイトラWeb制作コースが2020年web制作始めるのに一番おすすめな話【実際にやってみた】 https://shogo-log.com/daily-trial/ ②ConoHa WINGでとても簡単にWordPressサイトを作る【最短10分】 https://shogo-log.com/conoha-wordpress/ ③フリーランスWeb系エンジニア・デザイナーにおすすめの案件獲得サービス10選【良質案件】 https://shogo-log.com/freelance-agents/ ーーーーーーーーーーーーーーー ■使用カメラ ソニー Vlog用カメラ VLOGCAM ZV-1G https://amzn.to/39ywk6L ■しょーごのプロフィール 大学時代に何もせず終活前に絶望。 その後中国・フィリピン留学に行き、一年で中国最高級のHSK6級、4ヶ月でTOEICは450→840点に。 新卒で銀行に入行するも、すぐに退職。 現在はフリーランスのエンジニアとして毎月50万ほどを稼ぎつつ、転々としています。 ◆ブログ◆しょーごログ https://shogo-log.com/ ◆Twitter◆@samuraibrass   / samuraibrass   #プログラミング #フリーランス #web制作 #webデザイン #エンジニア #しょーごログ