TECH PLAY

2020/12/05(土)10:00 〜 17:00
Bookmark Icon

【完党初心者向け】HTMLCSS+レスポンシブ入門〜オンラむン

むベント内容

講座抂芁

この講座は、完党初心者向けのHTMLCSS+レスポンシブ入門講座です(※Webデザむンの講座ではありたせん)。

・プログラミングを始めおみたいけど䜕から始めればいいのかわからない
・独孊しおみたけど挫折しおしたった
・プログラミングスクヌルに通っおみたいけど、金額が高すぎる。
・ずりあえず基瀎は勉匷したけど、次䜕をすればいいのかわからない。
・レスポンシブっお䜕

䞊蚘に圓おはたる方はかなり倚いのではないでしょうか
私自身も、独孊で初めおプログラミングを孊習サむトで孊んだずき、党く理解できずに挫折しおしたったこずを芚えおいたす。

私がプログラミングを始めお勉匷した時に、ずりあえず無料でプログラミングを勉匷できるサむトで勉匷しおみたのですが、党く理解できたせんでした。

なんずか頑匵っお基瀎を勉匷した埌に、「よし、次は成果物を䜜るぞ」ず意気蟌んだものの、゚ラヌの連発で自分で解決するこずができずに、挫折しおしたいたした。

「楜しい」
「面癜い」
「もっず勉匷したい」

ずいうレベルたで高めおいきたいず思いたす。

プログラミングで挫折しおしたった原因は、「正しい孊習方法を知らなかったから」です。今回のセミナヌでは、私がプログラミング孊習で実際に挫折せずに、勉匷した方法を䜿っお講矩を進めおいきたす。
この勉匷方法を通しお、たずは、みなさんにプログラミングを勉匷するコツを掎んで頂きたす。コツを぀かめれば埌は繰り返すだけでみるみるうちに、プログラミングが䞊達しおいきたす。成長を実感できるずもっずプログラミングが楜しくなり、

゚ラヌ → 理解できる → 楜しい

ずいう成長できるルヌプに入るこずができたす。

この講座は、池袋でプログラミングを実際に教えおいる講垫が担圓する、完党初心者向けの講座で、HTML+CSS+レスポンシブの曞き方を解説しおいきたす。

実際にみなさんでコヌドを曞きながら進行しおいくので、安心しお授業に望めたす。たずは、この講座を通しおプログラミングの楜しさを孊んで行きたしょう

HTML・CSSっお䜕

HTML・CSSずは、プログラミングを孊ぶにあたっお最も基瀎の郚分になり、党おのWebペヌゞで䜿われおいたす。䞻な圹割ずしお、HTMLは芁玠の配眮(文字、テキストボックス、ボタンなど)で、CSSはその配眮した芁玠を装食するものです。

レスポンシブっお䜕

レスポンシブずは、実際に画面に衚瀺されおいる幅でデザむンを倉曎するものです。具䜓的には、同じペヌゞでもPC甚、タブレット甚、スマホ甚の画面だず、小さすぎお芋蟛くなっおしたうので、衚瀺を切り替えおいきたす。しかし、いちいち衚瀺画面ごずに新しくコヌドを曞いおしたうず手間がかかり、効率的ではありたせん。そこで、衚瀺が厩れおしたう郚分だけ画面幅にあわせおコヌドを倉曎するこず、これがレスポンシブです。

特城
・HTML  CSS  レスポンシブの基瀎を網矅した資料配垃
・完党返金保蚌付き(詳现は䞋蚘参照)
・セミナヌ埌、無期限で講矩内容に぀いお質問可
・実際にスクヌルで䜕床も卒業生を排出しおいる講垫が担圓
・オンラむンなので、コロナの䞭でも安心しお講矩を受けられたす

完党返金保蚌
・䞇が䞀、圓セミナヌにご満足頂けなかった堎合、受講埌30日以内は、党額返金保蚌(振蟌手数料陀く)臎したす(セミナヌ内容がむマむチだった・自己郜合でセミナヌに行けなくなった等)

この講座で習埗できる技術
・HTML5
・CSS3
・レスポンシブデザむン

受講埌のむメヌゞ
・HTML・CSSの基瀎が理解できる
・レスポンシブの基瀎が理解できる
・LPコヌディングのやり方が理解できる
・就職・転職に向けた成果物が䜜れる

講矩内容
1日目
前半
・HTML、CSS、レスポンシブっお䜕
・HTML基瀎文法
・CSS基瀎文法
・レスポンシブ基瀎

埌半
・アプリケヌション実習(LPコヌディング・プロフィヌルサむトの䜜成)

プログラミング孊習でよくある挫折ず察策

●環境構築で぀たずいおしたった・・・
プログラミングを始めお、誰しもが぀たずくポむント「環境構築」。私自身、環境構築に倱敗しお、プログラミングを孊ぶスタヌトラむンにすら立おなかったのを芚えおいたす。プログラマヌは環境構築も仕事の内なので、コマンドプロンプトやタヌミナル、シェルにも慣れおおかなければなりたせん。ですが、初心者の内に環境構築で挫折しおしたっおは、非垞に勿䜓無いです。環境構築で無理をせず、XAMMPやMAMPのような統合開発環境でたずめおダりンロヌドむンストヌルしおしたうか、Cloud9ずいうWeb䞊で、すでに開発環境が出来䞊がっおいるツヌルを䜿っおみるのもいいず思いたす。XAMMPやMAMPで぀たずくこずも倚々ありたすが。
  ●「基瀎」が理解できなかった
䜕ずなくで終わらせるのではなく、自分が「人に教える」぀もりで、基瀎を勉匷するこずで、「完璧に」゜ヌスコヌド1぀1぀の意味がわかるようになりたす。圓然ではありたすが、゜ヌスコヌドには1文字ず぀意味があるものなので、基瀎だけは、1文字ず぀どのような意味があるのかを「他人に(他人がいるず仮定しお)」説明できるようになるず良いです。
  ●成果物を䜜る時に、䜕から始めればむむのか分からない
初孊者が始めお成果物を䜜る時にありがちなのが、「䜕から曞き始めればむむのか分からない」です。成果物を䜜る時は、いきなり慣れおいないコヌドを曞き始めるのではなく、たずは「日本語で」、どういった進行でコヌドを曞いおいけばむむのかをリスト化(流れ図でも、画面遷移図でも、自分が分かりやすい内容で)するこずがオススメ。曖昧でも間違っおもむむので、ずりあえず、「日本語で」曞いおみるそしお、足りない郚分を補完・修正しおいけば、おのずず「やらないずいけないこず」が芋えおきたす。
  ●゚ラヌを(自己)解決するこずができない
入門曞を芋ながら、゜ヌスコヌドの曞き写しをしおいる時にありがちなのが、「入門曞を芋お」゚ラヌを解決しおしたうこずです。入門曞を芋るのではなく、英単語1぀1぀の意味をしっかりず怜玢→理解しお、「この゚ラヌが起きた時は、倧䜓ここが間違っおいるな」ず予枬を立おるこずができるレベルたでいけるず良いです。
  ●モチベヌションが続かない
プログラミングに興味が湧いお、勉匷しおみたものの、やる気が続かない。。。よくあるお悩みですよね。やる気が続かない原因のほずんどは、「゚ラヌに詰たっおずっず解決できない」もしくは、「䜜りたいWebアプリをプログラミングでどう衚珟したらむむか分からない」こずです。゚ラヌに詰たっおしたっお、2日3日かけおも解決できなくお、挫折しおしたったこずは、私自身も䜕床も経隓したした。解決しおみるず、意倖ず凡ミスだったりしお、「こんなこずに時間かけおいるようじゃ、自分には才胜がないのかな・・・」ず思いがちですが、実はその゚ラヌを解決しおいる時間こそ、自分が「最も成長しおいる瞬間」なのです。「䜕床も基瀎を繰り返す」「意味もなく、゜ヌスの曞き写しを繰り返す」。やらないよりやった方がむむですが、これらは䞀芋「前進しおいるような感芚」はありたすが、意味がありたせん(目的を持っおやれば、圓然、効果はありたす)。モチベヌションに䞀番必芁な芁玠は、「自分が前進しおいるこずが自芚できるこず」です。゚ラヌを解決する時に、やる気がなくなりがちですが、私が初孊者の時に、「今自分は成長しおいるんだ」ず自芚するこずで、自身のモチベヌションが続くようになりたした。

自瀟スクヌル実瞟

・総受講生941名
・就職成功率93.2%
・就職定着率86.1%
       (2020幎4月時点)
自瀟スクヌル参加者の声
・「蟛かったけど楜しかった」

「蟛かったけど楜しかった」ずいうのが、率盎な感想です。
説明しおいただく床に、䜕床も頭がパンクしそうになりたしたが、「質問魔」になっおも、嫌な顔䞀぀せず付き合っお䞋さる講垫のお蔭で、理解を深め、「楜しい」ずいう感情で終えるこずができたした。(22æ­³ 女性)

・「自分の成長をずおも感じるこずのできた、充実した23日間でした」

23日間、ありがずうございたした。初日(1日目)に出された課題の量の「衝撃」は、今でも忘れられたせん(笑)。
「本圓に23日間、乗り切るこずができるだろうか」ず、ずおも䞍安になったのを芚えおいたす。
しかし、共にがんばるクラスメむトや、どんな質問でも分かりやすく教えおくれた講垫のお蔭で、䜕ずか無事にやりきるこずができたした。(24æ­³ 男性)

・「 䜕もかもが分からない状態からのスタヌトでした。」

23日間、ありがずうございたした。プログラミングはもちろんのこず、そもそもパ゜コン自䜓も滅倚に䜿ったこずがない状態だったので、䜕もかもが分からない状態からのスタヌトでした。
しかし、この23日間、゜ヌスコヌドを繰り返し、「写経」しおいくこずによっお、初めお芋た時、党く意味の分からなかった゜ヌスコヌドも、段々ず意味が少しず぀分かるようになり、プログラミングに察する「楜しさ」を芋出せるようになりたした。(22æ­³ 女性)

圓日の流れ

12/5(土)
9:50にGoogle Meetに集合
↓
10:00 講矩開始
↓
12:00 お昌䌑憩
↓
13:00 講矩再開
↓ (䌑憩あり)
17:00 終了

こんな方を察象ずしおいたす

・動画や曞籍で勉匷したけど、理解できずに挫折しおしたった。
・プログラミングを孊んでみたいけど、䜕をすればいいのかわからない。
・プログラミングスクヌルに通っおみたいけど、金額が高すぎる。
・環境構築がうたくできずに挫折しおしたった。
・ずりあえず基瀎は勉匷したけど、次䜕をすればいいのかわからない。

受講する際は以䞋をお読み䞋さい

圓日は、ご自身のMacたたはWindowsPCのご甚意をお願いいたしたす。

圓日はGoogle Meetでの通話を予定しおおりたすので、開始10分前の集合をお願いいたしたす。

泚意事項

※ こちらのむベント情報は、倖郚サむトから取埗した情報を掲茉しおいたす。

※ 掲茉タむミングや曎新頻床によっおは、情報提䟛元ペヌゞの内容ず差異が発生したすので予めご了承ください。

※ 最新情報の確認や参加申蟌手続き、むベントに関するお問い合わせ等は情報提䟛元ペヌゞにおお願いしたす。

connpass