ゼロから形にする楽しさ!自分だけのWebサイトを作ろう

HaRuSennSei

プログラミング未経験からでも大丈夫。コードを書いて、Webサイトを立ち上げる感動を体験しませんか?

 「Webサイトってどうやってできているの?」 そんな疑問を持ったことはありませんか?

実は、普段ブラウザで見ているページは、すべて「コード」という文字の組み合わせでできています。難しそうに聞こえるかもしれませんが、正しい手順で学べば、誰でも自分だけのオリジナルサイトを作ることができるんです。

私のフロントエンド開発レッスンでは、HTMLやCSS、そしてBootstrapという便利なツールを使って、基礎から丁寧にサポートします。自分の手で書いたコードが、画面上で美しいデザインに変わる瞬間の達成感は格別です!

新しい趣味や、将来のスキルアップとして、プログラミングの世界へ一歩踏み出してみませんか?

【レッスンに関する情報】

タイトル:
25分×4回パック|初心者歓迎!フロントエンド開発(HTML/CSS/Bootstrap)入門
(1回のみの体験レッスンもあります。)

キャッチコピー:

 実務経験のあるエンジニア・孫(ソン)ハル先生が教える、フロントエンド開発入門コース!

詳細説明:

まずはPowerPointを使って、フロントエンド開発の基礎知識をわかりやすく解説します。 その後、実際の現場でも使われているソフト「Visual Studio Code」を使い、HTML / CSS / Bootstrapを用いて基本的なWebサイトを制作していく実践的なコースです。 プログラミング未経験の方も大歓迎です!一緒に楽しく学びましょう。

■ 事前準備のお願い レッスンの前に、コード編集ソフト「Visual Studio Code」のダウンロードをお願いいたします。 (※インストール方法がわからない場合はサポートしますので、ご安心ください!)

■ コースのカリキュラム予定 (※生徒さんのペースに合わせて進めます。)

<フロントエンド開発コース カリキュラム例>

01 - フロントエンドとは?(体験レッスン)

02 - Visual Studio Codeのインストール

03 - HTMLの基本構造

04 - HTML要素とリンク

05 - 画像とテーブル

06 - フォームの作成

07 - CSSとは?(概要説明)

08 - CSSの書き方とセレクター

09 - 色・文字

10 - リストのスタイル、ブロック&インライン要素、ボックスモデル、変形と遷移

11 - Bootstrapの基本紹介

12 - オリジナル作品集の開発(実践)

13 - JavaScript......

■ 日本語でのコミュニケーションについてのお願い
日常的な日本語でのコミュニケーションは問題ありませんが、まだ敬語の表現ができない場合があります。一生懸命、丁寧に教えますので、言葉遣いの間違いについては気にしないでください。 

【画像・表の追加について】
最後に記載されていた「カフェトークでの特典」「他の会社との違い対照表」については、文章の最後に以下のように見出しをつけて画像を挿入すると、生徒さんにとって見やすくなります。

 

 

 

■ ハル先生のレッスンならではの特典 & 他社スクールとの比較

Added to Saved

This column was published by the author in their personal capacity.
The opinions expressed in this column are the author's own and do not reflect the view of Cafetalk.

Comments (0)

Login to Comment Log in »

from:

in:

Lesson Categories

Language Fluency

Chinese   Native
Japanese   Daily conversation

HaRuSennSei's Most Popular Columns

« Back to List of Tutor's Column
Got a question? Click to Chat