braweria / learn-web-dev-svelte Goto Github PK

Learn Web Dev is a beginner-friendly web-based platform that provides guided learning paths for individuals starting their web development journey.

JavaScript 4.81% CSS 0.97% HTML 0.88% Svelte 85.98% TypeScript 7.37%

learn-web-dev-svelte's Introduction

Learn Web Development

Learn Web Dev is a beginner-friendly web-based platform that provides guided learning paths for individuals starting their web development journey. With opinionated paths and redirection to relevant resources, users can confidently explore and learn at their own pace. The project incorporates chapter-based challenges to reinforce knowledge and offers a supportive discord server for new web developers eager to dive into the world of web development.

Contribution

Contributions are highly encouraged and welcomed! To get started, please refer to the project board to identify tasks that require attention.

To contribute, begin by forking the repository and creating a new branch with a descriptive name, incorporating the respective issue number. For instance, if you are addressing issue #1, your branch should be named 1-branch-name. Once you have finished your work, submit a pull request to the main branch.

To ensure clarity, please prefix each branch name according to its purpose, such as feat for a feature, fix for a bug fix, refactor for a code refactor, or chore for general tasks. For commit messages, we follow the guidelines of Conventional Commits.

We appreciate your valuable contributions and look forward to collaborating with you!

learn-web-dev-svelte's People

Contributors

Stargazers

Watchers

Forkers

mafrans hmd-ali

learn-web-dev-svelte's Issues

Typo in "resource"

It's "resource", with one S.

Terminals & Shells

Continuation of wiktoriavh/learn-web-dev#14

I think it's important that we introduce the concept of a terminal and a shell in succession, and make sure to separate them out into individual concepts. It's easy for a beginner to get them mixed up (in fact, many guides regularly do).

Almost every linux distro uses bash as its default shell, MacOS uses zsh as of Catalina (2019) and, ever since Windows Terminal released, Windows's default shell has been PowerShell. Personally I use zsh, but either bash or zsh should be a good introductory option. Windows does not support either without WSL, which poses a problem - if we can't accept PS we will have to introduce WSL before the concept of a shell, even though WSL itself is presented through a shell.

As for terminals, MacOS and Windows both come pre-installed with decent terminals that could be introduced, but on Linux it really depends on which desktop environment you have installed (GNOME uses Gnome Terminal, KDE uses Konsole, Sway uses Foot, etc.). One option could be to simply ditch the default terminal and recommend a cross-platform terminal like Kitty.

resources for learning basic html and css

This resource chapter should contain information about how to start writing html and css.

write unit tests for existing components and functions

As a developer, I want to test my functions and components, so I know that they don't have any errors.

Vitest has already been added to the project, Testing Library is still missing. Once added, unit tests need to be done for components and functions.

add decap cms for content management

As a developer, I want to implement decap cms, so that I can write and manage content.

https://decapcms.org

resources for learning basic javascript operations

basic javascript operations should be learned here, before we jump into the dom manipulation.
operations would include how to write a function, what the difference is between let and const, different type of loops, etc.

resources for learning dom manipulation

here the user will learn how to get elements from the dom, work with elements, create them and manipulate them

Card design and structure

Continuation of wiktoriavh/learn-web-dev#52

With the new website, it's worth putting more thought into how we want to introduce topics, and whether cards like these are necessary the best way to do so.

I put up a design as an option for how a card based system could work, but that does not necessarily mean I think it's the best way to go ahead. I will leave this issue open as I explore other possibilities.

resources for learning advanced html and css

more advanced topic of html and css, including semantic html and accessibility on the web.