Giter VIP home page Giter VIP logo

my-web-development-journey's Introduction

My Web Development Journey

This repository keeps track of my discoveries on my Javascript learning journey. It deliberately uses descriptive naming instead of technical jargon to help beginners with limited technical knowledge to easily understand the functionalities and actions they are trying to perform.

I'm primarily a JavaScript/Node.js web developer and not the best, so in this repository, you will probably find a lot of content about web development, DevOps, and how the internet works. Again, this may not be 100% accurate since it is just my understanding of these topics.

My motivation to create this repository is to have a single place to store the solutions to problems I've encountered and easily find them. If these solutions could help others, I'm happy to share them.

Another motivation for creating this repository is to keep track of my areas of limited understanding, which will encourage me to explore certain subjects more deeply while providing explanations on more basic topics.

Please note that this repository is NOT intended to be a proof of good practices and does NOT claim to be the best way to do things.

Table of Contents

Learn Web Development

In this section, will not describe how I started to learn web development but rather how many developpers advise to learn it.

First of all, tutorials a good way to learn the basic of html/css/javascript, but be aware to not fall in what is called the tutorial hell. The tutorial hell is when you follow many tutorials wich gives you the feeling to understand a lot but when it comes to make you own project you have no idea where to start.

This is why it is a better to learn the language in order to be able to understand every line of a tutorial.

roadmap.sh provides multiple step by step roadmaps to learn differents technologies.

You can find more ressources in the learning section of the ressources for topic

Ask for help

Learning comes with a lot of interrogations and issues. Asking for help is absolutely normal and most of the developpers will be happy to help you if they have time for and if the problem/question is well formulated here are some ressources on how to and how to not ask for help:

Some websites to find help

To do

  • write an answer template (in my case, tl;dr, explanation, ...)
  • Create normalization (For example/e.g.)
  • create glossary
  • Write the topic:
    • topic + idea
    • why are my react components rendered twice ?
    • nx
    • ts
    • ws vs webrtc vs server sent event
    • create-react-app alternatives
    • switch between es5/6 import
    • run app in bg with pm2 + run as root with nvm by using links
    • Docker
      • Connect the cli to Docker Hub in linux
      • docker compose run only one container
      • mettre en place un volume pour stoquer des fichiers
      • run docker with hot reload & web-prod
    • Internet
      • Bind domain names or subdomain to an ip address
    • [React]
      • layout + routing
      • useRef on list elements
  • End the topic:
    • topic + idea
    • Proxy front for nx & angular + ws
  • Fix/Update the topic:
    • topic + explanation
  • Fix relative links
  • Refactor the title hierarchy
  • Write how XXX works (as h2 in hierachy ?)
  • write how to XXX
  • Error and meanings
  • ressources for (front, back, devops)
  • check refactor (of monitoring-learning_front-end)

https://stackoverflow.com/questions/44785585/how-can-i-delete-all-local-docker-images

my-web-development-journey's People

Contributors

charles-chrismann avatar

Stargazers

Diyorbek Qodirboyev avatar vittorioPiotti avatar Павел Оливейра avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.