Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
短時間できちんと実力をつける!Nuxt + Firebaseで0からサイト・アプリ公開までマスターしよう
Rating: 3.3 out of 5(35 ratings)
206 students

短時間できちんと実力をつける!Nuxt + Firebaseで0からサイト・アプリ公開までマスターしよう

プログラミングの勉強をしたけど脱初心者できない...と感じていませんか?Nuxtでおしゃれなサイトとチャット&ToDoアプリのポートフォリオを作って、就活・転職・副業で周りと差をつけよう!
Created byaLiz SENSEI
Last updated 7/2021
Japanese
Japanese [Auto],

What you'll learn

  • ポートフォリオとして公開できるWebサイトやWebアプリを制作します
  • Nuxtで魅力が伝わるポートフォリオ用Webサイトを制作します
  • Nuxtでシンプルな機能・構成のチャット&ToDoのWebアプリを制作します。洗練された機能を作成することでNuxtを用いたWebアプリ制作の基礎力を高めます(5月末までに追加予定!)
  • Nuxtを基礎から学びます
  • Nuxtを使いこなすために必要なのは、暗記ではありません。たくさんの情報・知識の中で、覚えなければならないポイントを知ることで、効率的に技術を習得します
  • Firebaseのよく使う機能を使いこなせるようになる
  • WebサイトやWebアプリの公開までの制作フローをハンズオンを通じて学ぶことができる

Course content

13 sections • 92 lectures • 9h 13m total length
  • コース概要3:30
  • このコースの進め方と終わった後にできるようになること0:58
  • 講師の自己紹介1:59

Requirements

  • パソコンの基本的な操作ができる
  • 本コースはハンズオン形式で学習を進めていきます。PC(MacまたはWindows)をご用意いただき、実際に手を動かしながら学習することをおすすめします。なお、本コースはMacOSを用いて撮影を行っておりますが、Windowsユーザの方もご受講いただけます
  • テキストエディタ、ターミナルの基本的な使い方を知っていること。本コースでは、VSCodeとターミナルを使用しています。コース内では具体的な操作方法については説明しませんので、簡単な操作方法を押さえておくと学習効率が高まります
  • Progate、ドットインストールなどでHTML, CSS, JavaScriptを一通りやっている
  • Vueの勉強が初めて・始めたて段階
  • aLizのブログやnoteを読んでいる♪

Description

今人気のVueをもっと使いやすくしたNuxtを、Vueをまだ触ったことがない人でもマスターできるように基礎から勉強できます。

また短時間できちんと実力をつけられるよう、文法のインプットをした後にWebサイトやWebアプリを開発していきながらアウトプットをしていきます。

ここで作成したWebサイトやWebアプリを、ぜひ就活・転職・副業で使って周りと差をつけてください!



● お知らせ

現在コースの作成中のため、Udemyの最低価格で販売をさせていただきながら作成をしています。

優しくアドバイスやレビューをUdemyやTwitterで送ってもらえると嬉しいです。

通常価格になる前のこのタイミングで購入してNuxtの勉強を初めましょう!



● Nuxtとは?

NuxtはJavaScriptフレームワークの一つで、Vueをベースに作られています。

Vueのよく使う機能(Router)を最初から設定・簡単に使えるようにしてくれています。

ZOZOやLINE, DMM, noteなどの日本の大手企業やベンチャー企業、中小企業でも採用されていることが多いため、就活や転職でとても役に立ちます。



● コースの流れ

今回のコースは大きくこのような流れで進んでいきます。

  1. 始める前に知っておいて欲しいこと

  2. Nuxtの文法

  3. 環境構築

  4. Figmaの使い方

  5. 実践①おしゃれなWebサイトを作る

  6. 実践②チャット&ToDoアプリを作る

「エンジニアとしてこれからやっていきたい」という方に知っておいて欲しい内容から、実務をする上で知らないと困ってしまう内容、Nuxtに関する実践的な内容まで、このコース1つで幅広くカバーできる内容になっています。




● 最後に

申し訳ありませんが、本コースは、以下のような方には、おすすめできません。


Nuxtでアプリを作ったことがある方には物足りないかもしれません
本コースは「Nuxtを用いたアプリを初めて1人でつくる方」を対象としています。
そのため、すでにアプリ制作を体験している方には物足りなく感じるかもしれません。


バック(サーバーなど)のことを学びたい方には向いていないかもしれません

Nuxtを用いたアプリ制作を主軸に置いているため、バックエンド(サーバー構築等)は、最低限のものに留めています。こちらを深く学びたい方には物足りなく感じるかもしれません。


自分で学ぶ意欲がない方には向いていないかもしれません

本コースでは、実際にWebアプリを制作しながらNuxtを習得していきますが、ご自身で調べること、確認することにも挑戦してもらうことがあります。

実務では、分からないことを自分で調べる能力が大変重要です。

一緒に「自ら学ぶ力」も育てていきましょう。


HTML, CSSを触ったことがない方は、ぜひProgateをやってみてから受講をしてください

HTML, CSSについては、本コースではサポートしません。

本コースでNuxtを効率良く習得するためにも、事前学習を行いましょう。




今すぐNuxtの勉強をはじめて、他の人に差をつけましょう!

Who this course is for:

  • 新しいことを学ぶのが好きな方
  • とりあえずNuxtについて体系的に学びたいけど、勉強する時間がない・時間を無駄にしたくない方
  • 就活・副業・転職を考えていて、Nuxtのポートフォリオが欲しい方
  • 他のVue, Nuxtのコースを受けたけど、実践に一歩踏み出せない方
  • 何かフロントのフレームワークを勉強したいと思っている方
  • Vueをすでに勉強し終えた方
  • 「脱初心者」を目指している方
  • 「#駆け出しエンジニア」「#プログラミング初心者」を卒業したい方