![How To Make Your Individual Internet site Workshop [H4I UIUC x ACM@UIUC]](https://oxhosting.com/blog/wp-content/uploads/2021/06/How-To-Make-Your-Individual-Internet-site-Workshop-H4I-UIUC.jpg)
This workshop is designed to be rookie-helpful, so we reveal principles with the assumption that our attendees know pretty minor about net advancement. We will be instructing you about HTML, CSS and JS, and how to code and deploy a website that you can showcase your portfolio on. This workshop was recorded on November 17, 2020 by means of Zoom!
The Hack4Impression UIUC introduction was regrettably lower out from our video, but we are a single chapter of a nationwide university student business that associates with nonprofits to develop them program for social excellent. Find out much more about us and ACM at the base of the description.
Below are some related back links:
Workshop repository (instructions to connection GitHub & CodeSandbox, as very well as the demo internet site code):
Deployed web site:
Slides:
Balsamiq demo web site structure:
Alternate internet site style for inspiration, crafted on Figma:
Feedback Kind (signal up for party updates & tell us what you want to see next!):
Timestamps:
:00:00 Workshop Overview
:00:44 Established Up (GitHub & CodeSandbox)
:16:50 Intro to World-wide-web Growth
:19:43 Component One: HTML – Features and Structure
:24:45 Demo Site Overview (Balsamiq)
:26:01 HTML Coding Tutorial
:54:18 Component Two: CSS – Aesthetics
1:02:23 CSS Coding Tutorial
1:20:25 Component Three: JS – Interactivity & Features
1:22:24 JS Coding Tutorial
1:26:54 Wrap Up
——————
Hack4Effects:
Web-site:
Fb:
Instagram:
Speak to: uiuc@hack4effects.org
ACM:
Web-site:
Fb:
Instagram:
Call: acm@illinois.edu
Jawed are you there?