初心者大歓迎!パズル感覚で始めるフロントエンド開発

HaRuSennSei

「自分には難しい…」はもったいない!まずは簡単なコードを書いて、プログラミングの第一歩を踏み出そう。

 プログラミングを始めてみたいけれど、「数学が得意じゃないとダメ?」「英語がわからないと無理?」と諦めていませんか?実は、フロントエンド開発はパズルを組み立てるような感覚で、文系の方や学生さんでも楽しく始められる分野です。

まずは短いコードを書いて、文字の色を変えたり、画像を配置したりする小さな成功体験からスタートしましょう。

私のレッスンでは、生徒さんの目標やペースに合わせて学習計画を立て、丁寧にサポートします。

迷っているなら、ぜひ一度体験レッスンからチャレンジしてみてくださいね!


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

タイトル:
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:

Mostrar categorías

Language Fluency

Chino   Native
Japonés   Daily conversation

Ranking de artículos del tutor

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