Tools and first-week setup

The tools a Frontend Development intern uses and how to set up your workspace in week one.

These are the main tools for Frontend Development tasks. You do not need all of them on day one; the Level 1 tasks tell you when to install each one.

Set up your workspace

Create a free GitHub account if you do not have one, with a professional username, and set up your LinkedIn profile: every task is submitted with a LinkedIn post.
Create one repository for the internship, for example frontend-development-internship, with a README that says who you are and what the repo holds.
Keep one folder per task, named with the task number and title, so mentors find your work quickly.
Commit small changes every day with clear messages. Your daily work report uses these commits as proof.
Never commit passwords, API keys or personal data. Put secrets in a .env file and add it to .gitignore.

Task	What to do
How the web loads a page	Open DevTools on any site, record the Network tab and explain DNS, the HTML request, CSS/JS/image requests and the final render in a README with screenshots.
Semantic HTML profile page	Build a personal profile page using header, nav, main, section, article and footer. Validate it with the W3C validator and commit the clean report.
Accessible form	Build a registration form with labels, fieldsets, required fields and helpful error text. Check it with keyboard only and with a screen-reader extension and note what you fixed.
CSS box model and selectors	Make a page that shows margin, border, padding and content visually, plus examples of class, id, attribute, child and pseudo-class selectors.