Title

Design a web page with Figma!

Figmaでウェブページをデザインしょう！

Summary

Want to learn how to use Figma and use it to create a web page (HTML & CSS)? This event is perfect for you! This even is targeted towards beginners and people that are wanting to learn the basics of Front-End Web Development. This event will be a hands-on event where you will be building your very own site using Figma to design and HTML, CSS!

Figmaの使い方を学び、Figmaを使ってWebページ（HTML＆CSS）を作りたいと思いませんか？このイベントは、そんなあなたにぴったりです！

このイベントは、初心者の方や、フロントエンドのWeb開発の基礎を学びたい方を対象にしています。このイベントは、Figmaを使ったデザイン、HTML、CSSを駆使して、自分だけのサイトを作るハンズオンイベントです！

Who is this event for?

This event is for people that have an interest in designing websites and learning basic HTML and CSS skills. Targeted at beginners!

Webサイトのデザインに興味がある方、HTMLやCSSの基本的なスキルを学びたい方向けのイベントです。 初心者を対象としています！

Timetable

18:00-18:10 Registration

18:10-19:10 Presentation

19:10-19:45 Q&A, Ending

Event Location

This event will take place at the Engineering Cafe's main hall

本イベントは、エンジニアカフェのメインホールで開催されます

Even Schedule

Once the event starts, The presenter will introduce himself and their recent site that was build using Figma, HTML and CSS. Then they will do a short Q&A to start things off.

You will be introduced to the Figma software, a software that is used to design websites and applications.

After that, You will also be introduced to VS Code, where we will be setting up our programming environment.

On top of that you will be introduced to VS Code Extensions that most Front-End Developers use.

After the preparation phase, You will introduced to the basics of HTML, the standard markup language used to create Web pages.

Once you create the skeleton of the site with HTML, You will now be introduced to CSS, a language used to style HTML, and taught the basics to make your Web page pop!

イベントが始まったら、プレゼンターが自己紹介と、FigmaとHTMLとCSSを使って構築した最近のサイトを紹介します。その後、簡単なQ&Aを行い、スタートします。

Figmaは、Webサイトやアプリケーションのデザインに使われるソフトウェアです。

その後、プログラミング環境を構築するVS Codeを紹介します。

さらに、フロントエンド開発者の多くが使用するVS Codeの拡張機能についても紹介します。

準備段階の後、Webページの作成に使用される標準的なマークアップ言語であるHTMLの基本を紹介します。

HTMLでサイトの骨格を作ったら、今度はHTMLのスタイル付けに使われるCSSを学び、Webページをポップにするための基本を学びます！