A 5 Week Long Web Learning Program
Web Mentor Program is a (5 week long) training program for people who want to enhance and develop their skills and expertise in the domain of web development. It is a free of cost initiative done with the sole purpose of instilling good development skills in individuals.
The program comprises of 5 tasks distributed over each week, each task will be disclosed on Sunday in the webinar.
Read CONTRIBUTING.md for guidelines.
| Week Number | Topic Covered | Task To complete | Difficulty |
|---|---|---|---|
| Week 1 | HTML | Make a basic form using HTML | Beginner |
| Week 2 | CSS | Nav Bar and/or FCC tribute page | Intermediate |
| Week 3 | MaterializeCSS | Build a landing page | Advanced |
| Week 4 | JavaScript/DOM Manipulation | Coming Soon | Intermediate |
| Week 5 | API Calls | Coming Soon | Advanced |
Read the Task Description Section to know more about the tasks.
There will be a webinar each weekend which you can use as a kicstart to the topic of the week. Try to complete the tasks allotted each week.
- HTML and CSS by Jon Duckett
- W3Schools - HTML
- W3Schools - CSS
- W3Schools - JS
- FreeCodeCamp
- JavaScript Tutorial Video - FCC
Feel free to add more and open a PR :)
Implement an HTML form based on your own creativity
Use W3Schools forms section for help - https://www.w3schools.com/html/html_forms.asp
For reference, see this sample form - http://tasks.webmentor.tech/TheLeanProgrammer/task1
This task is divided into two parts, doing both is optional, you can do both also.
Make a Nav Bar having a drop down menu.
For example -
Make a tribute page for the person who inspires you the most.
For example - https://codepen.io/freeCodeCamp/full/zNqgVx
Complete information - https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-tribute-page Source: FreeCodeCamp
Build a landing page. It can be your portfolio website, or company landing page.
I would recommend that you guys design your own portfolio website during this week, but in case you want a ready made design you wish to work on, you can see a sample design here - Task 3 Template (PSD)