As a beginner, it’s easy to get caught up in complexity when starting out with coding. However, embracing simplicity is key to making changes quickly, understanding the code, and avoiding frustration. By focusing on the fundamentals and following these simple principles, you can create readable, maintainable, and efficient code.
Forget Frameworks: Resist Adding Complexity
Avoid installing popular tools and frameworks like NPM, Yarn, PNPM, NodeJS, React, or Svelte. These add layers to your code that obscure the magic of coding. Focus on learning JavaScript (JS) first, and test everything you learn with simple notes. Consistency is key in naming conventions, layout, and grouping code.
Readability is Key
Use readable code to reduce cognitive burden. Express meaning through variable names, structure, and simplicity. Use short action words for function names, such as “fetchUserAccount” instead of “evaluateDimensions.”
Group Related Things Together
Use blank lines as boundaries to group related blocks of code together. This creates natural associations in your mind. Keep comments concise and consistent.
Serve Content Locally with a Simple HTTP Server
Create a directory, place an index.html file, and run the server using Python’s built-in http.server. Visit localhost:8080 in your browser to see your page come alive. Use this simple setup as your technology stack for now.
Beware of Importing JS Files
Avoid confusion by choosing one method for importing JavaScript files. The newest ES module syntax is easy to use and should be your default. Consult the Mozilla Developer Website (MDN) for resources and guidance.
Choose an Editor with Syntax Highlighting
Use an editor that provides syntax highlighting, such as Neovim, VSCode, Emacs, Notepad++, or Nano. This will help you comprehend code quickly by leveraging your visual senses.
Find Good Resources
Consult reputable sources like MDN, tutorials, answers on Stack Overflow, and real people in IRC and Discord communities. Use books, YouTube, and your inner zen to maintain simplicity.
By following these principles and embracing simplicity, you’ll be well on your way to creating readable, efficient, and maintainable code. Remember to keep it simple, avoid complex tools, and focus on the fundamentals.
Source: https://www.howtogeek.com/just-starting-web-development-heres-exactly-where-to-begin