강의

챌린지

멘토링

로드맵

커뮤니티

SCSS(SASS)+FLEX 実践レスポンシブWebプロジェクト with Figma

SCSS(SASS)とFLEX Layoutを実践で完璧に活用します!FigmaでWebサイト全体のメインページおよび主要なサブページのUIをデザインし、一貫性のあるクラス名とともにHTMLワイヤーフレーム構造を作成して、コーディングまで完了する体系的なレスポンシブWebサイト制作プロジェクトです。合計41時間以上の講座を通じて、基礎理論と実務での活用能力を十分に身につけ、PC - モバイル - タブレットに対応したレスポンシブレイアウトを設計・制作しながら、レスポンシブWebプロジェクトに関する経験とノウハウはもちろん、jQueryの基礎理論および実務での活用能力も大幅に向上させます。

難易度 初級

受講期間 無制限

HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery
HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery

学習した受講者のレビュー

4.9

5.0

My Dream

100% 受講後に作成

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

83% 受講後に作成

インフラストラクチャで最もコスパがあると思われるインストラクターの中には、コーディングワークスがあります。最近開講されるのは最新技術なので価格帯が少しありますが、既存のコンテンツを見ると、とても安い受講料に膨大なボリュームが印象的にコーディングワークスを知り、講義を受講することになりました。オフライン学園に通ってもこのように膨大なボリュームを誇る授業密度は、閲覧するのが難しい程度で全体講義構成を見ると講義時間が40時間を超えて行くほどにディテールが肉のあるコンテンツです。しかもウェブパブリックの中高級段階最新技術を集約して実際に実習中心の授業で実際の高級技術を総網羅した結果物まで得ることができます。何より講師様の回答がすごく早いというのが印象的でした 日曜日に質問があって講座受講関連質問を2件残しましたが、その日すぐに回答が走りましたね 膨大なボリューム推奨しない理由はありません。フロント&開発者もリアクトビューの前に正直、基本だと思うんですよ要塞業種別に境界線が崩れてマルチを求める時代なんだからこれをやり遂げる人が高額年俸の席に上がることができると少なくとも画面実装だけに自分の頭の中にいることを自分で作れなければならない方はリアクトやビュー勉強している方も、この講座は個人的に学習してみることをおすすめします。まだ頑張ったわけではありませんが、説明をとても親切にしてくださって勉強する面白いですね^^そして勉強していますが、画面実装と同じくらい専門家レベルまで自分で実力を育てようという趣旨で李講義を選びました。

5.0

문유연

17% 受講後に作成

最高の授業……! 今までたくさんの講義を受けてきましたが、先生のように丁寧かつ分かりやすく教えてくださる方はいなかったと思います。おかげで本当に多くのことを学ぶことができました。 受講しようか迷っている方に、本当におすすめします。基礎がなくても先生がとても優しく丁寧に説明してくださるので、絶対に後悔しないはずです。

受講後に得られること

  • 体系的なレスポンシブウェブサイトのプロジェクト制作プロセス

  • SCSS(SASS)の核心理論および実務活用能力

  • FLEX Layoutの核心理論および実務活用能力

  • PC、モバイル、タブレット対応のレスポンシブレイアウト設計および制作

  • レスポンシブウェブプロジェクト制作のためのjQueryの核心理論および実務活用能力

  • Figmaで制作するウェブサイトUIデザイン能力

  • 体系的なHTMLワイヤーフレーム構造とクラス名の設計能力

  • Webパブリッシャーと開発者のための最高のレスポンシブWebポートフォリオ制作

こんな方に
おすすめです

学習対象は
誰でしょう?

  • SCSS(SASS)の主要理論および実務での活用能力が必要な方

  • 体系的なレスポンシブウェブサイト制作プロジェクトのポートフォリオが必要な方

  • フロントエンド開発者として、パブリッシングの真髄を知りたい方

  • パブリッシャーとして最も競争力のあるレスポンシブWebプロジェクトを必要としている方

  • SCSS(SASS)の活用スキルで履歴書における競争力を高めたい方

前提知識、
必要でしょうか?

  • HTML+CSSの基礎以上のスキル

こんにちは
codingworksです。

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件の受講レビュー

  • pcdoomco44801님의 프로필 이미지
    pcdoomco44801

    受講レビュー 3

    ∙

    平均評価 5.0

    5

    83% 受講後に作成

    インフラストラクチャで最もコスパがあると思われるインストラクターの中には、コーディングワークスがあります。最近開講されるのは最新技術なので価格帯が少しありますが、既存のコンテンツを見ると、とても安い受講料に膨大なボリュームが印象的にコーディングワークスを知り、講義を受講することになりました。オフライン学園に通ってもこのように膨大なボリュームを誇る授業密度は、閲覧するのが難しい程度で全体講義構成を見ると講義時間が40時間を超えて行くほどにディテールが肉のあるコンテンツです。しかもウェブパブリックの中高級段階最新技術を集約して実際に実習中心の授業で実際の高級技術を総網羅した結果物まで得ることができます。何より講師様の回答がすごく早いというのが印象的でした 日曜日に質問があって講座受講関連質問を2件残しましたが、その日すぐに回答が走りましたね 膨大なボリューム推奨しない理由はありません。フロント&開発者もリアクトビューの前に正直、基本だと思うんですよ要塞業種別に境界線が崩れてマルチを求める時代なんだからこれをやり遂げる人が高額年俸の席に上がることができると少なくとも画面実装だけに自分の頭の中にいることを自分で作れなければならない方はリアクトやビュー勉強している方も、この講座は個人的に学習してみることをおすすめします。まだ頑張ったわけではありませんが、説明をとても親切にしてくださって勉強する面白いですね^^そして勉強していますが、画面実装と同じくらい専門家レベルまで自分で実力を育てようという趣旨で李講義を選びました。

    • codingworks
      知識共有者

      具体的な受講評ありがとうございます〜!

  • hamham00님의 프로필 이미지
    hamham00

    受講レビュー 6

    ∙

    平均評価 5.0

    5

    6% 受講後に作成

    2年前に先生の講義を受けて就職できたのですが、経営難でまた再就職の準備をすることになりました😭😭 SCSSをまだ使ったことがなかったので、勉強してみようと思って聞いています! とても良いです!ありがとうございます!

    • codingworks
      知識共有者

      受講レビューありがとうございます~!!

  • moondbdus5233님의 프로필 이미지
    moondbdus5233

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    17% 受講後に作成

    最高の授業……! 今までたくさんの講義を受けてきましたが、先生のように丁寧かつ分かりやすく教えてくださる方はいなかったと思います。おかげで本当に多くのことを学ぶことができました。 受講しようか迷っている方に、本当におすすめします。基礎がなくても先生がとても優しく丁寧に説明してくださるので、絶対に後悔しないはずです。

    • codingworks
      知識共有者

      受講の感想ありがとうございます〜!!

  • todamsseudam4203님의 프로필 이미지
    todamsseudam4203

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    60% 受講後に作成

    実務で受けた授業の中で一番役に立っています。 これまでどれだけ遠回りしてコーディングしてたんだと…。^^;; 瞬間瞬間、反省もたくさんしています。 本当に感謝して受講しています!!!

    • codingworks
      知識共有者

      受講の感想ありがとうございます!!

  • ds4odk님의 프로필 이미지
    ds4odk

    受講レビュー 4

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    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%終えたのは初めてだから… 素晴らしい先生の講義に感謝します。 いつも元気です~祈ります。

    • codingworks
      知識共有者

      実務者として具体的な内容なので、予備受講生に助けがたくさんありそうです。受講評ありがとうございます〜!

codingworksの他の講座

知識共有者の他の講座はこちら

似ている講座

同じ分野の他の講座を見てみましょう!