Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

初心者のためのサス基礎講義&グレープフルーツクローンコーディング

SassはCSSの拡張言語です。CSSの欠点を補完し、優れた生産性を保証し、強力で簡潔です。 基礎構文を学び、学んだ内容を活かしたクローンコーディングを楽しみながら、サスを学びましょう。

  • uknow
DIY
example
3시간 만에 완강할 수 있는 강의 ⏰
Sass
Clone Coding
HTML/CSS

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

こんなことが学べます

  • Sass

  • SCSS

  • CSS

Sassで私が書いたCSSコード
読みやすさと生産性のワンステップアップグレード!

CSSの次のレベル、
Sass入門講義

この講義は、基礎理論から実践練習まで23の映像で構成された初級CSS開発者のためのSass基礎講義です。 HTML/CSSの基礎知識だけをお持ちであれば気軽に消化できる講義です。


この講義
こんな方におすすめです

HTML/CSSは
学んだのに…

Web開発者としてもう少し進化したい人

Sass
学ぶか?

Sassを知っていますが、勉強を躊躇している人

CSSのせいで
ストレスを受ける

CSSで夜明けに苦労してみた人

クローンコーディング
人気なのに…

クローンコーディングによる学習に興味をお持ちの方


さて、
Sassとは何ですか?

Sass(Syntatically Awesome StyleSheets)は強力で信頼性の高いCSS拡張言語です。 CSS前処理機として、スタイルシートのための多様な機能を提供し、生産性と可読性に大きく貢献します。


どんな講義ですか?

Sassの勉強に興味はありますが、気軽に躊躇している人のために準備しました。入門段階で必ず習得しなければならない基礎理論を学習し、その後クローンコーディングを通じてSassと親しくなってみる時間を持つでしょう。クローンコーディングとは、実際のサービスに従って作りながら学ぶ勉強方式です。実際に実装されているサービスを自分の手で直接作っていきながら学ぶ、早くて効果的な勉強方法ですよ!


講義内容
事前に確認してください


グレープフルーツクローンコーディング
結果のプレビュー

私たちはSassを積極的に活用してウェブサイトを作る練習を進めていきます。私たちが作るウェブサイトはメッセンジャーアプリカー**トークをまねて作ったグレープフルーツトークというウェブサイトです。当然(!) このグレープフルーツは実際にサービスされるウェブサイトではありません。皆さんと一緒に練習を進めるために作ったウェブサイトです。


クローンコーディング..負担ですか?

完成目標を設定し、このために一汗一汗コーディングしていくクローンコーディングの方式が負担される方もいらっしゃいます。そんな方々のために完成したコードを一緒にご提供いたしますので、恐怖は少なく、じっくりやっていくという気持ちで気軽に一緒にしていただければと思います。


受講前
確認してください

一つ、次のような準備をしてください!

💻コンピュータ
💻コードエディタ(クラスではVisual Studio Codeを使用します)
💻零打能力(速度が遅くても大丈夫です)

二、受講前に事前にお知らせします!

👉🏻ほとんどの基礎理論映像にはコードを作成するシーンが登場しますが、やや映像が退屈することがあると判断して倍速処理したり、タイピング過程をスキップした場合が多いです。そのため、コーディング実習に従う場合は一時停止機能を適切に活用していきながら実習を進めることをおすすめします! (クローンコーディング時には比較的ゆっくりとコードを書くので安心してください^^)


ユノコーディング
HTML/CSS基礎講義

入門者のためのHTML基礎講義

Webサイトの基本となるHTMLの主な概念と基本文法を紹介します

入門者のためのCSS基礎講義

Webサイトを飾るために必要なCSSの主な概念と基本的な文法を紹介します


こんな方に
おすすめです

学習対象は
誰でしょう?

  • HTML / CSSを勉強しているか勉強している人

  • CSSを勉強しましたが、何か不足していると感じる人

  • クローンコーディングを体験したい人

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

  • HTML

  • CSS

こんにちは
です。

17,923

受講生

913

受講レビュー

31

回答

5.0

講座評価

7

講座

개발자 출신 십잡스 크리에이터.
프로그래밍 강사 겸 작가로 활동하고 있습니다.
유튜브 <유노코딩> 채널 운영 중입니다.

 

배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.
경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.

 

저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.
많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.

 

감사합니다^^

カリキュラム

全体

27件 ∙ (4時間 7分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

17件

4.9

17件の受講レビュー

  • qornchip님의 프로필 이미지
    qornchip

    受講レビュー 3

    平均評価 3.0

    3

    44% 受講後に作成

    설명 : 말끔한 설명 영상 : 720p라 눈이 좀 아픔. 720p라 눈이 좀 피곤한 상태에서 문법파트가 코드나 문서 제공도 없다보니 자료로 정리하는 동안 많이 힘들었어요. 내용은 잘 배워갑니다.

    • 김진우님의 프로필 이미지
      김진우

      受講レビュー 7

      平均評価 5.0

      5

      100% 受講後に作成

      • 만두님의 프로필 이미지
        만두

        受講レビュー 18

        平均評価 4.8

        5

        52% 受講後に作成

        잘들었습니다!

        • 파이리님의 프로필 이미지
          파이리

          受講レビュー 5

          平均評価 5.0

          5

          100% 受講後に作成

          비전공자, 처음 배우는 사람이 수강하기에 최고입니다

          • lye2017님의 프로필 이미지
            lye2017

            受講レビュー 1

            平均評価 5.0

            5

            33% 受講後に作成

            알기 쉽게 간단 명료하게 잘 설명을 하셔서 이해가 잘갑니다.

            ¥2,021

            uknowの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

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