arpitgarg780 / front-end-challenge Goto Github PK

Learn Front End Development through CodeWithCoffee Dev Challenge series.

This repository contains problem statment for CodeWithCoffee Week 1: Front End Challange.

Refer Problem Statement/hello-frontend for a starter project files.

You can use it as boilerplate for further developing. Don't forget to add a README.md, describing your team name, website idea and member details.

/front-end-challange/
├─┬ Problem Statement/
│ ├─── hello-frontend/
│ │   ├──── Readme.md
│ ├── README.md
│ └── …
|─┬ Submissions/
| |   ├── [Submission Directories here]/
| |   ├── Guidelines.md
| ├── Readme.md
| └── …
|__ README.md

In this challange, we will be learning:

• HTML5
• CSS
• Bootstrap

• Team participation - Preferably in groups of two. Lone wolves are also invited!
• A Logical Roadmap - Not just a website with bunch of features
• Responsive Design(Use Bootstrap)
• UI/UX | Learn what are UI/UX and what are done outside.
• JS Forms
• Google Analytics integration
• User login/profile demo page.
• Demo Social Media integration
• Misc - Directory structure and Neat/Readable code
• Comment appropriately in your code.

You can refer these links for basic learning and understanding of Fornt End Frameworks.

1. Learn HTML Refrences:

• Codecademy
• W3 Schools
• HTML Documentation

2. Learn CSS

• Codecademy
• W3 Schools
• CSS Reference

3. Learn Git

4. Try Github

5. Codecademy

6. Git-It

Quiz(CSS)

https://skillvalue.com/en/quizzes/front-end/css-beginner-level-2

JavaScript

1.Reading Material:https://www.w3schools.com/js/default.asp

2.Video Tutorial:https://www.youtube.com/playlist?list=PL46F0A159EC02DF82

3.Javascript DOM Tutorial:https://www.youtube.com/playlist?list=PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V[Important]