Past Meetup

Code Your Own Website (HTML + CSS)

This Meetup is past

3 people went

Xinfab

Kangding East Rd., Lane 45, Building 5, Room 102, Jing'an District · Shanghai

How to find us

Near Taixing Rd. (Subway Lines 1, 12, 13 Hanzhong Rd 10 min – Line 13 Natural History Museum 10 min – Lines 2, 12, 13 Nanjing West Rd 15min)

Location image of event venue

Details

Katie is going to share with you her coding skills during this intro workshop. You will learn about the fundamentals of HTML and CSS and code a basic portfolio website that looks like the photos in this post (there is of course room for customization!). We will spend most of the workshop live coding. You will walk away not only with a basic framework of a portfolio site, but also basic coding skills that will come in handy even if you decide to go for a ready-made template (like wordpress, wix, etc).

No previous coding knowledge is needed, but you do need to be familiar with how to use a computer (in other words, Windows or iOS don't scare you and you understand basic commands like Ctrl C+Ctrl V).

/////////////////
ABOUT THE TEACHER
Katie Chen is a Chinese Interactive Media Arts major with a focus on combining coding and design at New York University Shanghai. Katie has been coding intensively for about a year and half now and she can write in HTML, CSS and processing (p5 js) as well - a graphic programming language that's gotten popular over the past couple of years. Among the many things she has done, she has developed a drumming game (graphics in processing, Arduino and sensors for the physical reactions). Katie can create really cool animations just by typing commands. Aside from being a part of her formal education, coding is one of Katie's favorite hobbies.

//////////////////
HOW TO SIGN UP (Deadline FRIDAY, FEBRUARY 2 ):
_ALIPAY (200 RMB): transfer the workshop fee to [masked] (please indicate your name and phone number on the payment details so we can contact you!)
_WECHAT (210 RMB - Wechat charges a fee): enter our shop on our Wechat account (xin_fab)
_CASH (200 RMB): come by our lab during our opening hours to book your spot. Questions? Send an email to [masked]

///////////////////
YOU SHOULD BRING
_Laptop, charger and mouse
_Install Sublime Text (free software) in your laptop before you come! (https://www.sublimetext.com/3)
_Install Google Chrome in your laptop before you come

///////////////
WORKSHOP SCHEDULE

PART 1 - GETTING FAMILIAR WITH WEB CODING
_Intro to basic concepts
_HTML: Elements, attributes, layout
_CSS: Syntax, properties, new properties in CSS3

PART 2 - LIVE CODING
_Build the basic portfolio together with Katie
_Live debug with Google chrome developer tool
_Troubleshooting
_Going forward: Resources and links

*******************
Katie将在这个介绍车间期间与你分享她的编码技巧。 你将学习HTML和CSS的基础知识,并编写一个类似于上面的照片组合站点(当然还有自定义空间!)。 我们将用大部分的时间实时编码。你不仅可以脱离基本框架组合网站,而且可以使用基本的编码技巧,即使您决定使用现成的模板(如wordpress,wix等)也能派上用场。
**要求:没有必要的编程知识是必要的,但是你需要熟悉如何使用计算机(换句话说,Windows或iOS不会吓到你,并且你了解Ctrl C + Ctrl V等基本命令)。

///////////////////
关于教师
Katie Chen是中国互动媒体艺术专业,专注于纽约大学上海编码与设计相结合。 凯蒂一直致力于大约一年半的编码工作,她还可以编写HTML,CSS和处理(p5 js) - 一种在过去几年中流行的图形编程语言。 在她所做的很多事情中,她开发了一个打鼓游戏(加工图形,Arduino和物理反应传感器)。 凯蒂可以通过输入命令创建非常酷的动画。 除了成为正规教育的一部分之外,编码和动画是凯蒂最喜欢的爱好。

///////////////////
注册截止日期:2月2日(星期五)
_支付宝(200 RMB):将研讨会费用转至[masked] (请在付款明细上注明您的电话号码,以便我们与)
_现金(200 RMB):由我们的实验室在我们的开放时间来预订你的位置。
_微信(210 RMB - 微信收费):入我们的商店 (xin_fab)

///////////////////
你应该带的东西:
_笔记本,充电和器鼠标(推荐)
_你来之前在你的笔记本电脑上安装Sublime Text (免费)。 (这里免费下载:https://www.sublimetext.com/3)
_你来之前在你的笔记本电脑上安装Google Chrome