【初心者向け】フロントエンドエンジニア入門　スマホアプリ開発つき

Name: 【初心者向け】フロントエンドエンジニア入門 スマホアプリ開発つき
Rating: 3.5 (3 reviews)

HTML,CSS,Javascriptの基本の基本から学んで頂きます。また、jQueryやスマホアプリの解説も含まれています。プログラムが出来なかった場合も、リソースをダウンロードして頂き、実行結果を確認する事ができます。

Last updated 1/2022

Japanese

What you'll learn

6 sections • 27 lectures • 37m total length

はじめに1:30
このコースでは、フロントエンドという仕事の基本を体験してもらいます。
主にHTML,CSS,JavaScriptを扱います。
このレクチャーには、「自己紹介」「目次」「達成できること」「授業の流れ」「必要なモノ」を含んでいます。
それでは、講座を始めていきましょう！！
ブラウザ、メモ帳、ファイル保存について1:16
プログラムができなかった場合0:47
プログラムができなかった場合は、ダウンロードして、プログラムの内容を実行したり確認することができます。

HTMLで文字を表示する2:17
文字を表示するプログラムを書きます。
プログラムをそのまま書き写してください。
HTMLで画像を表示する2:45
HTMLを使って画像を表示します。
画像はなんでもかまいません。
リソースの中に画像を置いていますので、そちらを使っていただいてもOKです。
HTMLで画像を表示する（リソースを実行する場合）0:55
HTMLでページ移動する2:19
HTMLファイル間でページ移動します。
二つのページを作り<a>タグでページ移動します。
それでは授業をやっていきましょう！！
HTMLで入力ボタンをつくる1:19
HTMLで入力ボタンをつくります。
<input>タグでつくります。
それでは授業をやっていきましょう！！

JavaScriptの紹介1:22
JavaScriptの紹介をします。
JavaScriptにはHTMLファイルに直接書き込む方法と、jsファイルを作成して呼び出す方法があります。
アラート表示する1:15
JavaScriptでアラートを表示します。
アラートとはポップアップで表示されるメッセージです。
それでは授業をはじめましょう！！
変数を使って表示する1:39
JavaScriptを使って変数の内容を表示します。
変数とは、数字や文字を格納する入れ物です。
それでは授業をやっていきましょう！！
変数の演算をする1:25
JavaScriptを使って変数の演算をします。
それでは授業をはじめましょう！！
条件分岐をする1:35
JavaScriptで条件分岐の方法をやります。
それでは授業をはじめましょう！！
繰り返し処理をする1:30
JavaScriptで繰り返し処理をします。
それでは始めましょう！！
関数をつかう1:19
JavaScriptで関数を使う方法をやります。
関数とは処理のまとまりをいいます。
関数を呼び出して処理を行います。
それではやっていきましょう！！
ライブラリを使う（jQuery）1:43
JavaScriptでJQueryを使う方法をやります。
今回は難しいですが、ゆっくり書き写してみてください。
それでは授業をはじめましょう！！

Chromeブラウザの開発ツールを使ってみる1:02
最後にChromeブラウザでサイトのプログラムを表示する方法をやります。
プログラムの上にカーソルをおくと、画面のどこを表示しているかが分かります。
また、スマホの画面を表示することができます。
アプリをビルドして実行ファイルをつくる0:54
Monacaを使い、アプリをビルドして、実行ファイルを作りましょう。
最後に1:12
最後に計算プログラムをつくります。
長い間、ありがとうございました！！

HTML、CSS、JavaScriptの基本を体験して頂きます。

手本のプログラムを見ながら、それをメモ帳に書き写し、ＷＥＢサイトで結果を確認していきます。

全ての授業のプログラムは、リソースよりダウンロードして頂けますので、プログラムができなかった場合も結果を確かめることができます。

また、スマホアプリの開発も体験して頂けます。

デバッガーで確認したり、実行ファイルを作ったりします。

フロントエンドの世界は日進月歩ですが、今回の授業でお伝えする内容は、基本の基本なので、退屈に感じるかもしれませんが、今後長い間役に立つ技術ばかりです。

それでは、授業をはじめましょう！！