
Tailwind CSS 実践ポートフォリオの公開
codingworks
[Tailwind CSS実践ポートフォリオパブリッシング]は、Tailwind CSSを活用して26種類以上の実践例を製作する過程です。実践例を素早く多様に制作することで、その中で必須の理論を説明します。この講義は、開発者とパブリッシャーが作成するTailwind CSSスタイリングを中心に作成されました。
初級
TailwindCSS, HTML/CSS
SCSS(SASS)とFLEX Layoutを実践で完璧に活用します!FigmaでWebサイト全体のメインページおよび主要なサブページのUIをデザインし、一貫性のあるクラス名とともにHTMLワイヤーフレーム構造を作成して、コーディングまで完了する体系的なレスポンシブWebサイト制作プロジェクトです。合計41時間以上の講座を通じて、基礎理論と実務での活用能力を十分に身につけ、PC - モバイル - タブレットに対応したレスポンシブレイアウトを設計・制作しながら、レスポンシブWebプロジェクトに関する経験とノウハウはもちろん、jQueryの基礎理論および実務での活用能力も大幅に向上させます。
受講生 348名
難易度 初級
受講期間 無制限


学習した受講者のレビュー
5.0
My Dream
Front Web開発は初めてなので心配がたくさんありました。 講義が他の講座に比べて多少大きな違いがあります。 心配を少ししたけど(ㅎㅎㅎ) 私の選択が神の一人になりましたね。 (講義を本当に上手にします。!!) Web開発経験が1もありません。 開発されたメインプログラムをWeb/モバイルでサービスしなければならないという考えに 事前準備と勉強をしなければならない、講義申請して休暇を1週間程度 出してチョン~走行しました。 4日目になった日~土出せようとしましたね。 とにかく5日目、すべての講義を終えて ASP.Net Core 7 Razor page でいくつかテストしてみました。 (Udemy サイトの ASP.NET Core Web Application Using Razor Pages 15,000ウォン講義を聞いてから〜ㅎㅎ) テストした結果がDBとうまく連動して表現がうまくいくことに とても喜んで新世界を経験しました。 過去のコボル、Fortranで始まり、現在はC#、VB.NETなどいくつか 開発ツールでデスクトップ実務を開発した旧式(?)技術で 果たして、私は現在のトレントに合った開発環境に適応できますか?したかったのに… 詳細な説明に簡単に理解できました。 おかげで大きな力になって勇気ができました。 SCSS / ピグマ(有料決済) / Jクエリ / HTML 上記4つの項目とサンプル例講座だけでもレベルアップ! これまでPhotoshopを20年近く使っていましたが、おかげでPhotoshop 使うことがほとんどないようですね。 ㅎㅎ 死族が長かったですね。 長い講義を100%終えたのは初めてだから… 素晴らしい先生の講義に感謝します。 いつも元気です~祈ります。
5.0
pcdoomco4
インフラストラクチャで最もコスパがあると思われるインストラクターの中には、コーディングワークスがあります。最近開講されるのは最新技術なので価格帯が少しありますが、既存のコンテンツを見ると、とても安い受講料に膨大なボリュームが印象的にコーディングワークスを知り、講義を受講することになりました。オフライン学園に通ってもこのように膨大なボリュームを誇る授業密度は、閲覧するのが難しい程度で全体講義構成を見ると講義時間が40時間を超えて行くほどにディテールが肉のあるコンテンツです。しかもウェブパブリックの中高級段階最新技術を集約して実際に実習中心の授業で実際の高級技術を総網羅した結果物まで得ることができます。何より講師様の回答がすごく早いというのが印象的でした 日曜日に質問があって講座受講関連質問を2件残しましたが、その日すぐに回答が走りましたね 膨大なボリューム推奨しない理由はありません。フロント&開発者もリアクトビューの前に正直、基本だと思うんですよ要塞業種別に境界線が崩れてマルチを求める時代なんだからこれをやり遂げる人が高額年俸の席に上がることができると少なくとも画面実装だけに自分の頭の中にいることを自分で作れなければならない方はリアクトやビュー勉強している方も、この講座は個人的に学習してみることをおすすめします。まだ頑張ったわけではありませんが、説明をとても親切にしてくださって勉強する面白いですね^^そして勉強していますが、画面実装と同じくらい専門家レベルまで自分で実力を育てようという趣旨で李講義を選びました。
5.0
문유연
最高の授業……! 今までたくさんの講義を受けてきましたが、先生のように丁寧かつ分かりやすく教えてくださる方はいなかったと思います。おかげで本当に多くのことを学ぶことができました。 受講しようか迷っている方に、本当におすすめします。基礎がなくても先生がとても優しく丁寧に説明してくださるので、絶対に後悔しないはずです。
体系的なレスポンシブウェブサイトのプロジェクト制作プロセス
SCSS(SASS)の核心理論および実務活用能力
FLEX Layoutの核心理論および実務活用能力
PC、モバイル、タブレット対応のレスポンシブレイアウト設計および制作
レスポンシブウェブプロジェクト制作のためのjQueryの核心理論および実務活用能力
Figmaで制作するウェブサイトUIデザイン能力
体系的なHTMLワイヤーフレーム構造とクラス名の設計能力
Webパブリッシャーと開発者のための最高のレスポンシブWebポートフォリオ制作
学習対象は
誰でしょう?
SCSS(SASS)の主要理論および実務での活用能力が必要な方
体系的なレスポンシブウェブサイト制作プロジェクトのポートフォリオが必要な方
フロントエンド開発者として、パブリッシングの真髄を知りたい方
パブリッシャーとして最も競争力のあるレスポンシブWebプロジェクトを必要としている方
SCSS(SASS)の活用スキルで履歴書における競争力を高めたい方
前提知識、
必要でしょうか?
HTML+CSSの基礎以上のスキル
13,270
受講生
797
受講レビュー
2,125
回答
4.9
講座評価
23
講座
■ [現在] 国費パブリッシング&フロントエンド講師
■ [現在] フリーランス フロントエンドパブリッシャー
■ [現在] HTML+CSS+JQUERY パブリッシング YouTubeチャンネル「コーディングワークス」運営
■ グリーンコンピュータアカデミー ウェブパブリッシング講師
■ ザ・ジョウンコンピュータアカデミー ウェブパブリッシング講師
■ イゼンコンピュータアカデミー ウェブパブリッシング講師
■ フロントエンドパブリッシャー、フロントエンドパブリッシング専門講師
■ UI/UX ウェブデザインポートフォリオ講義
■ ウェブデザイン技能士実技資格クラス講義
■ イージー&エデュ フロントエンド UI/UX デザインおよびパブリッシング
🌏コーディングワークス Inflearn 講義一覧 - https://www.inflearn.com/users/@codingworks
🌏Inflearn コーディングワークス 講義学習順序(学習ロードマップ) - https://www.inflearn.com/blogs/2351
🌏コーディングワークス Inflearn パブリッシングブログ - https://www.inflearn.com/users/@codingworks/blogs
🌏コーディングワークス パブリッシング YouTube チャンネル - https://www.youtube.com/codingworks
🟣Inflearn In-focus コーディングワークス インタビューを見る : https://www.inflearn.com/pages/infocus-8-20230704
全体
125件 ∙ (41時間 14分)
講座資料:
全体
30件
4.9
30件の受講レビュー
受講レビュー 3
∙
平均評価 5.0
5
インフラストラクチャで最もコスパがあると思われるインストラクターの中には、コーディングワークスがあります。最近開講されるのは最新技術なので価格帯が少しありますが、既存のコンテンツを見ると、とても安い受講料に膨大なボリュームが印象的にコーディングワークスを知り、講義を受講することになりました。オフライン学園に通ってもこのように膨大なボリュームを誇る授業密度は、閲覧するのが難しい程度で全体講義構成を見ると講義時間が40時間を超えて行くほどにディテールが肉のあるコンテンツです。しかもウェブパブリックの中高級段階最新技術を集約して実際に実習中心の授業で実際の高級技術を総網羅した結果物まで得ることができます。何より講師様の回答がすごく早いというのが印象的でした 日曜日に質問があって講座受講関連質問を2件残しましたが、その日すぐに回答が走りましたね 膨大なボリューム推奨しない理由はありません。フロント&開発者もリアクトビューの前に正直、基本だと思うんですよ要塞業種別に境界線が崩れてマルチを求める時代なんだからこれをやり遂げる人が高額年俸の席に上がることができると少なくとも画面実装だけに自分の頭の中にいることを自分で作れなければならない方はリアクトやビュー勉強している方も、この講座は個人的に学習してみることをおすすめします。まだ頑張ったわけではありませんが、説明をとても親切にしてくださって勉強する面白いですね^^そして勉強していますが、画面実装と同じくらい専門家レベルまで自分で実力を育てようという趣旨で李講義を選びました。
具体的な受講評ありがとうございます〜!
受講レビュー 6
∙
平均評価 5.0
5
2年前に先生の講義を受けて就職できたのですが、経営難でまた再就職の準備をすることになりました😭😭 SCSSをまだ使ったことがなかったので、勉強してみようと思って聞いています! とても良いです!ありがとうございます!
受講レビューありがとうございます~!!
受講レビュー 1
∙
平均評価 5.0
5
最高の授業……! 今までたくさんの講義を受けてきましたが、先生のように丁寧かつ分かりやすく教えてくださる方はいなかったと思います。おかげで本当に多くのことを学ぶことができました。 受講しようか迷っている方に、本当におすすめします。基礎がなくても先生がとても優しく丁寧に説明してくださるので、絶対に後悔しないはずです。
受講の感想ありがとうございます〜!!
受講レビュー 2
∙
平均評価 5.0
5
実務で受けた授業の中で一番役に立っています。 これまでどれだけ遠回りしてコーディングしてたんだと…。^^;; 瞬間瞬間、反省もたくさんしています。 本当に感謝して受講しています!!!
受講の感想ありがとうございます!!
受講レビュー 4
∙
平均評価 5.0
5
Front Web開発は初めてなので心配がたくさんありました。 講義が他の講座に比べて多少大きな違いがあります。 心配を少ししたけど(ㅎㅎㅎ) 私の選択が神の一人になりましたね。 (講義を本当に上手にします。!!) Web開発経験が1もありません。 開発されたメインプログラムをWeb/モバイルでサービスしなければならないという考えに 事前準備と勉強をしなければならない、講義申請して休暇を1週間程度 出してチョン~走行しました。 4日目になった日~土出せようとしましたね。 とにかく5日目、すべての講義を終えて ASP.Net Core 7 Razor page でいくつかテストしてみました。 (Udemy サイトの ASP.NET Core Web Application Using Razor Pages 15,000ウォン講義を聞いてから〜ㅎㅎ) テストした結果がDBとうまく連動して表現がうまくいくことに とても喜んで新世界を経験しました。 過去のコボル、Fortranで始まり、現在はC#、VB.NETなどいくつか 開発ツールでデスクトップ実務を開発した旧式(?)技術で 果たして、私は現在のトレントに合った開発環境に適応できますか?したかったのに… 詳細な説明に簡単に理解できました。 おかげで大きな力になって勇気ができました。 SCSS / ピグマ(有料決済) / Jクエリ / HTML 上記4つの項目とサンプル例講座だけでもレベルアップ! これまでPhotoshopを20年近く使っていましたが、おかげでPhotoshop 使うことがほとんどないようですね。 ㅎㅎ 死族が長かったですね。 長い講義を100%終えたのは初めてだから… 素晴らしい先生の講義に感謝します。 いつも元気です~祈ります。
実務者として具体的な内容なので、予備受講生に助けがたくさんありそうです。受講評ありがとうございます〜!
知識共有者の他の講座はこちら
同じ分野の他の講座を見てみましょう!