web-students
Website Development for Young Minds
Website https://wrijugh.github.io/web-students/
Introduction
After successful Python https://github.com/wrijugh/python-for-kids course last year this year (2021) I am thrilled to annouce the Web course for beginners.
Dear Parents,
There are two very nice websites for Students
- https://code.org/
- https://codecombat.com/
I highly encourage you let them play there. They ignite a lot of interests among the kids. Also this will testify if your kid is really inclided towards programming etc. May be she is an artist, may be an author. Not everyone needs to write applications in this world.
In the world of internet Website is the way for us to interact. We use it often. But let us explore the basics of how to build such things. What all thing we need to know exits. My purpose is not to make someone an expert on them but ignite the idea and let them know about these options. That way if interested one would explore further. Developing Web is a lifelong exercise. There are new things we need to learn every now and then. So it is never ending. We need to start somewhere
Below is the high-level agenda I am planning to cover,
HTML Basics
The heart and soul of Web
- HTML Day 1 - few basic tags
- HTML Day 2 - more tags
- HTML Day 3 - list and tables
- HTML Day 4 - user inputs
- HTML Day 5 - final structure & putting it all together
- [Markdown Introduction] - another way to format
CSS Basics
Making Web beautiful
- CSS Day 1 - colors & selectors
- CSS Day 2 - borders
- CSS Day 3 - background color and image
- CSS Day 4 - converting simple
<ul>to Menu - CSS Day 5 - box model
- CSS Day 6 - flexbox
- CSS Day 7 - putting it all together
JavaScripts Basics
Programming for Web
- JavaScript Day 1 - changing HTML elements
- JavaScript Day 2 - basic programing construct
- JavaScript Day 3 - mathematical calculator
- ES6 or modern JavaScript, TypeScript, NodeJS, ReactJS etc - way forward
Visual Studio Code Tips
[If you use this tool] VSCode is the tool for developer. Use it effectively,
- Required Extensions
- Shotcut keys
Git and Github
[Optional]
Embress the OpenSource world by collborating with others. Share and protect your work.
- Basics of Git (installing and using locally)
- Creating an account and setting it up
- Markdown documentation formatting basics
- Working with local files using VSCode
To collaborate and keep your work safe. Building OpenSource mindset.
At the end of this course you would be able to build a basic website and host in and share among your family and friends. Nothing is more pleasure than looking at your own creation live.
Pre-requisites
- 8+ years comfortable working with computer, like saving & opening files
- We will initially use Notepad (Windows) or Edit (Ubuntu Desktop)
- Internet [Optional]
- Visual Studio Code - download and install. Watch this video
- Microsoft Teams (for Live classes)
All the resources will be available https://wrijugh.github.io/web-students/
Github location (raw files) https://github.com/wrijugh/web-students
Optional Contribution
This is purly a free activity. But if you are willing to pay, please consider helping for education by buying books, paying loans, developing schools etc of your choice to someone you feel like. The positive impact on you is powerful - believe me its very powerful.
Contact and Support
The actual content is available at Github - https://github.com/wrijugh/web-students. Contributions are welcome.
Reach out to Wriju at Twitter https://twitter.com/wrijugh for anything specific.