upskill-frontend

KO | EN

gitlite — search

#hacktoberfest #react #ai #llm #golang #rust #linux #nodejs #macos #cli #awesome-list #pytorch #security #mcp

upskill-frontend

(★ 111)

All topics you need to learn about Frontend Development

File Explorer

Download Latest Version (.zip)

- FUNDING.yml
- javascriparray-methods.png
- javascript-arrays.png
- box-model.md
- css-grids.md
- css-positioning.md
- flexbox.md
- floats.html
- floats.md
- responsive-design.md
- html-best-practices.md
- html-form-validation.md
- alert.jpg
- arrays.md
- build-projects.md
- comments.md
- conditional-statements.md
- dataTypes.md
- FQ2XsSvUUAA_qb4.jpg
- FQ2XtCkVcAEBjeR.jpg
- functions.md
- helloWorld.md
- image-1.png
- image.png
- javascript-objects.md
- javascript-operators-cheatsheet.png
- javascript-operators.png
- javascript-this-keyword.md
- javascript-tips-tricks.md
- loops.md
- Operators.md
- popupBoxes.md
- scope.md
- template-literals.md
- variables.md
- What-Is-the-Document-Object-Model-(DOM)_.md
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Frontend
All topics you need to learn about Frontend Development
![dev to images](https://user-images.githubusercontent.com/47534248/236635697-cd9e5b8e-05cd-4746-b94c-6aa9c639d1e6.jpg)

---
#### 📣 Struggling to learn on your own?
I have a suggestion for you if you find yourself struggling to learn on your own all the time, feeling overwhelmed, and not knowing where to start. It is a paid course, consider it an investment that could pay off in the form of useful skills and career opportunities. It offers a well structured [Frontend Developer Career Path](https://academy.zerotomastery.io/a/aff_ppr160by/external?affcode=441520_nmkbcy8m) that will guide you from the start to employment.

Even though some people succeed at self study, everyone has a different way of learning. This course could be a game changer for you if you struggle to stay motivated and focused while you study on your own.

I have included the link below so you can check it out. I do have an affiliate relationship with Zero To Mastery, which basically means I benefit if you use the link and then end up making a purchase. No extra cost to you!

👉 [Become a Frontend Developer - Earn on average $102,504 per year](https://academy.zerotomastery.io/a/aff_ppr160by/external?affcode=441520_nmkbcy8m)

If you do not want to join, you can still learn from a ton of free resources available, including this repository.

---
## HTML
- [HTML Best Practices](HTML/html-best-practices.md)
- [HTML Forms and Validations](HTML/html-form-validation.md)

## CSS 
- [Box Model](CSS/box-model.md)
- [Positioning](CSS/css-positioning.md)
- [Floats](CSS/floats.md)
- [FlexBox](CSS/flexbox.md)
- [CSS Grids](CSS/css-grids.md)
- [Responsive Design](CSS/responsive-design.md)

## JavaScript
JavaScript is a robust programming language that is commonly used for web development. It helps you create dynamic and interactive web pages.

The foundations of JavaScript are as follows:

- [Hello World in JavaScript](JavaScript/helloWorld.md)
- [JavaScript Popup Boxes](JavaScript/popupBoxes.md)
- [JavaScript Comments](JavaScript/comments.md)
- [JavaScript Variables](JavaScript/variables.md)
- [JavaScript Data Types](JavaScript/dataTypes.md)
- [JavaScript Operators](JavaScript/Operators.md)
- [JavaScript Conditional Statements](JavaScript/conditional-statements.md)
- [JavaScript Loops](JavaScript/loops.md)
- [JavaScript Arrays](JavaScript/arrays.md)
- [JavaScript Functions](JavaScript/functions.md)
- [JavaScript Objects](JavaScript/javascript-objects.md)
- [JavaScript Template Literals](JavaScript/template-literals.md)
- [JavaScript Scope](JavaScript/scope.md)
- [JavaScript Tips](JavaScript/javascript-tips-tricks.md)
- [What Is the Document Object Model (DOM)?](JavaScript/What-Is-the-Document-Object-Model-(DOM)_.md)
- [What is the purpose of 'this' keyword in JavaScript?](JavaScript/javascript-this-keyword.md)

## Version Control Systems

## Web Security

## CSS Frameworks

## App Testing

## TypeScript

## React

## Remix

## Next.js

## GraphQL

## Contribute
I welcome valuable contributions to improve this repository with valuable additions and ideas on the shared topics.
Please note that small contributions (like finding a single typo) will not be merged into the repository. Your contribution will be considered if you find at least three to five errors or can contribute in other significant ways.

## How do I contribute?
To contribute to this repository, please follow the steps below:

### Create an issue 
Identify areas that require improvement and create an issue in the repository. Clearly describe the problem or suggestion to gather feedback from others.

### Fork the repository
To make your own copy of the repository under your GitHub account, click the "Fork" button in the repository.

### Clone the repository
Create a local copy of the repository on your computer by using Git to clone it.
```
git clone <repository_url>
```

### Create a branch
For your contributions, create a new branch in the repository. This ensures that your changes remain separate from the main branch and allows for better management and review.

To create a new branch in Git, use the following command:
```
git branch <branch_name>
```
Put your new branch's name in place of `branch_name>`.

To switch to the newly created branch, you can use the following command:

```
git checkout <branch_name>
```
This will switch to the new branch and allow you to start making changes within that branch.

### Make your changes
Add the improvements or additions you want to make to the content within your local branch. This may involve editing existing files, adding important missing points, or removing outdated content.

### Commit and push
Once you have made your changes, commit them with a clear and descriptive message. Push the changes to your forked repository on GitHub.

To stage all modified files, you can use the following command:
   ```
   git add .
   ```

Now commit the changes with a clear and descriptive message using the following command:

```
   git commit -m "Your commit message here"
   ```

After you have committed your changes, use the following command to push them to your forked repository on GitHub:

```
   git push origin <branch_name>
   ```

Replace `<branch_name>` with the name of your branch. This will push your changes to the corresponding branch in your forked repository on GitHub.

### Submit a pull request
Now is the time to submit a pull request. Visit the original repository on GitHub and submit a pull request from your branch. Clearly explain the purpose of your contribution and highlight the changes you have made. This will notify me and other contributors of your proposed changes.

The likelihood of a contribution being merged into the main branch depends on how well it meets the repository's requirements and adds value. Please note that small contributions like those with a single typo, may not be merged.

All the best!

upskill-frontend

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

upskill-frontend

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README