강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

Svelteで始まるWebフロントエンド

世界的に関心が高まっているフロントエンドフレームワーク、Svelte(スベルト)の核心使用方法をまとめた基礎講義です。韓国のもっと多くの方がSvelteを簡単かつ便利に利用したいという気持ちで講義を作りました。

  • Indie Coder
3시간 만에 완강할 수 있는 강의 ⏰
스벨트
프론트엔드
웹개발
svelte
저자 직강
Svelte
Thumbnail

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

こんなことが学べます

  • Svelte(スベルト)

  • Webフロントエンドの基礎

浮上するFE大勢スベルト(Svelte)
基礎から簡単かつ迅速に!

Svelteと聞いたことがありますか?

Svelteは現在、世界中のフロントエンド市場で最も注目されているフレームワークです。 React(リアクト)やVue(Vue.js)よりやや遅く世界に出てきましたが、後発ランナーにもかかわらず、これら以上の大きな期待を受けています。

StactOverflowやStateofjsなどを見ると、どのように多くの開発者がSvelteに興味を持っているかを一目でわかります。

StackOverflow 年末サーベイ
State of JS 2022 JavaScriptフレームワーク/ライブラリランキング

これらのことを学びます✒️

スベルト本作者直講!

この講義は、「スベルトで始まるWebフロントエンド」の本の一部のチャプターを映像にした講義です。
(選手の知識:HTML / CSSとJavaScriptの基本)

コンポーネント単位で開発されるフロントエンドの基本をSvelteを利用して学ぶことになります。コンポーネントの重要な機能である通信方法、イベント操作、画面効果などを通じて、画面に見られる結果物がどのようにReactiveに作られ、操作されるかを学ぶことができます。 (HTML、JavaScript&Svelte)

  • ✅ Svelte 基礎文法
  • ✅コンポーネント間通信方法
  • ✅画面切り替えアニメーション
  • ✅イベントの操作方法
  • ✅レスポンシブコードによるReactiveなプログラム技術

スベルトで簡単に作るFE成果 👀

Svelteが持つ特徴はたくさんありますが、最大の特徴は簡単です。 JavaScriptの基礎知識だけがあれば、本当に簡単に学び、すぐにどのような結果を作ることができます。

フロントエンド開発が初めての開発者の方も、講義を通じておおよそフロントエンド開発がどのように進行されるかが分かるように講義では、このSvelteフレームワークを使用するために必要な必須内容だけを選別して進められます。

こんな方におすすめです🙆‍♀️

フロントエンド開発に関心がある誰でも

もっと早く何かをしたい人

Svelteについて一度聞いたことがある方

フロントエンドに挑戦したいデザイナー、パブリッシャー


Q&A 💬

Q. 講義の難易度はどうなりますか?

HTML、Javascriptに関する基本的な知識がある方なら誰でも学習可能です。 Svelteに関する内容の中で、複雑であまり重要な部分は除いて必須と知らなければならない部分だけを見据えて作ったSvelte基礎講義です。

Q. 開発環境はどうなりますか?

macOS、Windows、LinuxなどNode.jsをインストールできるどのPCでも、開発環境に必要なプログラムをインストールして進めることができます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド開発に関心がある誰でも

  • もっと早く何かをしたい人

  • Svelteについて一度聞いたことがある方

  • デザイナーやパブリッシャーでフロントエンドに挑戦したい方

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

  • HTMLとCSSの基礎

  • JavaScriptの基礎

こんにちは
です。

2,417

受講生

56

受講レビュー

84

回答

4.8

講座評価

5

講座

2000년도 중반부터 본격적으로 웹개발을 시작하여 현재까지 프리랜서 개발자로 활동하고 있습니다. 약5년간 Amplix BI 솔루션 실무자 교육을 진행하고 개발을 지원하며 새로운 기술을 효율적으로 전달하는 것에 대한 많은 경험과 고민을 했습니다. 

현재는 개발 업무와 함께 개발자들에게 도움이 될만한 웹관련 분야의 새로운 기술을 찾고 강좌와 책을 통해 공유하고 있습니다. 

 

현) 프리랜서

전) (주) 비즈플러그 전략솔루션 사업부 팀장

전) (주) 퍼니몽키스 위니스토리 서비스 개발 팀장

youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw 

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

 

강좌 목록

출간도서

yes24, 교보문고, 알라딘

 

 

 

カリキュラム

全体

5件 ∙ (1時間 6分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

23件

4.8

23件の受講レビュー

  • 요한님의 프로필 이미지
    요한

    受講レビュー 2

    平均評価 4.0

    4

    100% 受講後に作成

    간단하고 심플한 강의입니다.

    • gto1997님의 프로필 이미지
      gto1997

      受講レビュー 6

      平均評価 4.8

      4

      60% 受講後に作成

      • 재영님의 프로필 이미지
        재영

        受講レビュー 4

        平均評価 5.0

        修正済み

        5

        100% 受講後に作成

        Svelte란 어떤것이다 ! 라는 것을 가볍에 들어볼 수 있는 좋은 강의 아쉬운 점이라면, 일부 챕터 자료가 youtube로 들어가서 확인해야 하는 것 정도 ? 이 부분도 사실 직접 치면 해결되는 부분이긴합니다 : ) 좋은 강의 감사합니다 ~

        • Park-min-hyoung님의 프로필 이미지
          Park-min-hyoung

          受講レビュー 2

          平均評価 5.0

          5

          100% 受講後に作成

          • 이현준님의 프로필 이미지
            이현준

            受講レビュー 4

            平均評価 5.0

            5

            100% 受講後に作成

            無料

            Indie Coderの他の講座

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

            似ている講座

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