【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/n793ab571a88e ✅コーディング課題初級編 https://note.com/samuraibrass/n/n2108f5f03dd8 ✅クリ★スタ【コーディング課題】XDからコーディングをしよう【初級編】 https://crestadesign.org/cording-first/ ✅コーディングの練習をしよう〜その２〜 https://note.com/chizumi_/n/n43e918e99656 ✅【初級Ex】 XDデザインからのコーディング実践演習【複雑なレイアウト】 https://note.com/samuraibrass/n/n1622c507b9c7 ✅jQuery標準デザイン講座 https://amzn.to/3mVDI2V ✅【Web制作向け】VSCodeおすすめプラグイン・拡張機能と設定一覧【超快適】 https://www.youtube.com/watch?v=CuWutERxzdQ ✅現場のプロから学ぶ CSSコーディングバイブル https://amzn.to/30kMik4 ✅CSS設計完全ガイド https://amzn.to/3DHfct8 ✅コーディング課題中級編 https://note.com/samuraibrass/n/nd1748e42934e ✅コーディング課題中級Ex https://note.com/samuraibrass/n/n8dd48cf8d30f ✅【web制作実務で必須！】HTMLのセクショニングコンテンツを理解しようwithCSS設計思想 https://www.youtube.com/watch?v=C5x172hQ_2I ✅HTMLコーダー＆ウェブ担当者のための Webページ高速化超入門 https://amzn.to/2YUuY52 ✅ポートフォリオを公開するならConoHa WINGが簡単でおすすめ【HTMLからWordPressまで】 https://shogo-log.com/conoha-wordpress/ ✅Web制作の進捗報告（プロトタイプ）や納品・引き渡しってどうやってするの？【HTMLサイト・WordPressサイト編】 https://www.youtube.com/watch?v=BrAYRe-1m5I ✅WordPressレッスンブック 5.x対応版 https://amzn.to/3AKVx9U ✅ちゃんと学ぶ、WordPress テーマ開発講座 https://click.linksynergy.com/deeplink?id=fflaKLpz4lA&mid=47984&murl=https%3A%2F%2Fwww.udemy.com%2Fcourse%2Fwordpress_master%2F ✅ビジネスサイトを作って学ぶWordPressの教科書 Ver. 5.x対応版 https://amzn.to/2Z1fRH0 ✅【上級】XDデザインからのコーディング実践演習【WordPress実案件レベル】 https://note.com/samuraibrass/n/n9faac1c35977 ✅【即戦力編】Photoshopデザインカンプからのコーディング練習 https://note.com/samuraibrass/n/n779ccd15e0ae ✅作りながら学ぶGulp4！Web制作で使い回せる初期ファイルを作ろう！【回答付きだから安心】 https://brmk.io/JU4F ✅IMAWOの主 https://twitter.com/098ra0209 ーーーーーーーーーーーーーーーーーーーーーーー 【私が公開している鬼レビュー付きコーディング教材】 XD、Photoshopデザインカンプよりコーディングできる教材を販売しています。 全6つで「HTML初心者からWordPress実務レベルまで」網羅しています。 ■教材説明ページ https://shogo-log.com/coding-study/ ■教材販売ページ（全部盛り） https://shogo-log.com/coding-practice-all/ ━━━━━━━━━━━━━━━ 人気の動画3選 ━━━━━━━━━━━━━━━ ①web制作フリーランスとして初案件を獲得するまでにやったこと【今ならこうするも解説】 https://www.youtube.com/watch?v=z3K5yGmjrX8 ②web制作でProgateから実務までにやるべきこと【具体的なロードマップ付き 】 https://www.youtube.com/watch?v=tPumOccAqyM ③【現役フリーランスが語る】Web制作の流れ完全解説【コーディングはほんの一部分です】 https://www.youtube.com/watch?v=HDdJfva80gA&t=1s ━━━━━━━━━━━━━━━ しょーごログおすすめ記事！ ━━━━━━━━━━━━━━━ ①【徹底レビュー】デイトラ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 https://twitter.com/samuraibrass #プログラミング #フリーランス #web制作 #webデザイン #エンジニア #しょーごログ