【初心者向けプログラミング】環境構築から学ぶWEBサイトコーディング勉強会【HTML/CSS】

イベント概要

エンジニアやフリーランスを目指すプログラミング初心者向けに、HTML5とCSS3を使ったWEBサイト制作からレスポンシブデザインの対応、サーバアップロードまでをワークショップとして体験していただき、解説やアドバイスを行ないます！

また、プログラミングの学習方法やキャリア設計に関する話なども聞くことができます！

※毎回内容は同じなため、一度参加した方はご遠慮ください

イベント風景はこちら

このイベントで学べること

1. WEBサイトの仕組み
2. 開発環境の構築(VisualStudioCode)
3. Emmetの使い方(開発効率UP)
4. WEBサイトコーディング(HTML, CSS)
5. アニメーション(CSS)
6. レスポンシブデザイン(スマホ版のデザイン)
7. 簡易的なデプロイ(サーバに作品をアップロードしてURLから誰でもアクセスできるようにする)
8. プログラミングの勉強の仕方

参加対象者・オススメする人

• 「progate」や「ドットインストール」などで勉強し始めたプログラミング初心者
• IT系に転職・就職をしたい方
• フリーランスを目指してる方
• 私生活や現在の仕事に活かしたいという方
• プログラミングを勉強したことはないけど勉強してみたいという方

その他どなたでももちろん歓迎いたします！

PCの操作に自信がないという方でも基礎からしっかりサポートいたしますのでお気軽にご参加ください！

※今回はU-26での募集です！

タイムテーブル

事前準備

テキストエディタのダウンロード

テキストエディタ(プログラミングを書くソフト)はVisualStudioCode (無料)を使用します。 事前にご自身のPCにダウンロードおよびインストールしていただくようお願いいたします。

ダウンロードリンク(ページ下部からダウンロード) https://code.visualstudio.com/#alt-downloads

サーバー関連の準備

LOLIPOP!レンタルサーバーの無料登録

※※※※重要※※※※

10日間無料登録をイベントの前日に行ってください。 また、無料登録をする際に「契約の自動更新」をチェックしないようお気をつけください。

※※※※※※※※※※※

LOLIPOP!レンタルサーバー https://lolipop.jp

FFFTPのダウンロード(Windowsの方)

ダウンロードリンク https://forest.watch.impress.co.jp/library/software/ffftp/

※お使いのPCのbit数などが分からないという方は当日サポートいたします。

cyber duckのダウンロード(MACの方)

ダウンロードリンク https://cyberduck.io/download/

※こちらもお困りのことがありましたら当日サポートいたします。

持ち物

• PC (MACでもWindowsでも可)
• 充電器

アクセス

東京都豊島区東池袋3丁目7-8 セントヒルズ池袋ワカイビル301

株式会社ウィモーション(CodeShip)

https://www.google.com/maps/place/〒170-0013+東京都豊島区東池袋３丁目７%E2%88%92８+セントヒルズ池袋301/@35.7330036,139.7148589,17z/data=!3m1!4b1!4m5!3m4!1s0x60188d642c5d6667:0x934d4373f793ef26!8m2!3d35.7330036!4d139.7170476

注意事項

1. プログラミングおよびキャリアの勉強、また知識の共有などの交流が目的の勉強会です。
2. 参加目的が不適切だと判断される場合には、運営側で参加をキャンセルさせていただく場合がございます。あらかじめご了承ください。
3. イベントの途中参加・途中退出は、やむを得ない場合を除き、原則お断りいたします。
4. 会場は禁煙となっております。
5. イベントレポート作成のため、お写真を撮らせていただくことがございます。あらかじめご了承ください。また、お写真に写ることがNGの場合はお申し付けください。