leonardtng / introduction-to-web-development

YNC Hacks: Introduction to Web Development. I created and facilitated this semester-long workshop for YNC Hacks members, meant to build up their basic web development knowledge and technical skill in HTML, CSS, JavaScript and React.

YNC Hacks: Introduction to Web Development

The repository for the semester-long workshop on web development that covers HTML, CSS, JS and React. This repository is under construction, updates are posted below.

Prepared by: Leonard Tng

👍 How to Use This Repository

Workshop slides are found in the folders for the respective sessions, divided into chapters. The source code is free for you to use as reference or to build upon. Have fun!

🛠 Set Up

1. Enter the following in your terminal, with the path to your desired working directory

   cd your/desired/path

2. Clone the repository

   git clone https://github.com/leonardtng/introduction-to-web-development.git

🚧 Updates

• 19/10/2021: Updated Chapter 4 content for second batch of workshop
• 07/09/2021: Updated Chapter 2 content for second batch of workshop
• 31/08/2021: Updated Chapter 1 content for second batch of workshop
• 06/04/2021: Added Chapter 5: Component-Based Development
• 23/03/2021: Added Chapter 4: Logic With JavaScript and React
• 08/03/2021: Added Chapter 3: Making Things Move
• 02/02/2021: Added Chapter 2: The Web like an Essay contents.
• 21/01/2021: Created repository, added Chapter 1: What is the Web? contents.

❓ Additional Notes

Certain parts of the workshop are adapted from online sources, such as Mozilla Development Network. View the specific chapters for accreditation.