In what order to learn web programming (Full stack)

06/02/2021

Today we'll talk a little about the order in which you should learn web programming. Keep in mind that what will be exposed in this publication is about tips for expanding knowledge and not an absolute law. However I would like to provide a little help for those who are getting into web development right now.


1_ HTML + CSS

HTML or HiperText Markup Language or text markup language used for building web pages, while css is used for styling web pages


see more here

2_ framework CSS

 

Framework is a set of codes that form the base structure that serve to make the programmer's life easier.

There are several pre-ready functions and components that serve to streamline the development process.

One of the main CSS frameworks on the market are:

  • Bootstrap: It was a framework developed by twitter with several well defined styles of quick boot. With it programmers are able to create responsive websites (adapted to any screen size) quickly.
  • Bulma: Bulma is considered a modern responsive and modular framework, in this sense, in addition to fast startup and adaptability to different devices, the programmer must add in the code only what he will use in the system

3_ Java Script

JavaScript is essential for any respectful full stack web programmer. The first thing you should know about it is that it is not java. Despite similar names, each plays a different role. while java runs server-side, just like php. Javascript runs on the client side, that is, in your user's browser, and can perform the most diverse functions

4_ Basic Tools

  • Operating System: The operating system is the working environment of the web programmer. Therefore, it is necessary to know as much as possible about it and about other systems that may be of interest
  • Terminal: In the terminal the web programmer will probably spend a good part of his time, so it's good to start losing the fear and getting used to it.
  • Text editor: If the operating system is like the programmer's desktop, the text editor is like your tool, choosing a good text editor and learning its shortcuts can save you a lot of time and a headache.
  • Git/Git hub: A full article will be reserved for this topic later on, but know that knowledge in this area is essential for any technology worker

5_ Framework/lib JS


  • React: This library is the writer's favorite. With it, it is possible to create user interface using JavaScript, besides having an efficient way of using components to create the pages.
  • VueJs: It is an open source js framework, its conception was made to be adopted incrementally, in this context the main library is focused on the visual part, but it is also easy to increment other libraries that complement it.
  • Angular: Angular is a modern development platform. It promises code reuse and system development skills for both web and desktop and mobile applications (I really want to learn more about this....).

6_ Backend (Basico)

To enter the incredible world of the backend you first need knowledge of data consistency, data flow and others. Knowledge in programming logic is also essential and will be used in this part.

7_ Backend (Linquagens)

  • JavaScript: It's common to think that JavaScript cannot be used in the backend because of the classic way web programming is taught, but with the creation of node.js in May 2009 the programmer's life just got easier.
  • Ruby: Very popular language, but as the author has nothing to add, if you are interested, visit here
  • Python: Python is a very popular and multipurpose language both on and off the web
  • PHP: General-purpose, widely used, open source scripting language and classically the first to be taught to young web programmers

8_ Backend (Database)

  • PostgreSQL: Developed in open source PostgreSQL is an object related database manager
  • MongoDB: Developed in open source MongoDB is an object related data manager. In it, Javascript can be used in queries, aggregation functions (such as MapReduce), and sent directly to the database to be executed.

9_  Backend (Frameworks)

  • Ruby on Rails: This framework is open source developed in ruby, therefore it is recommended for projects made in ruby.
  • Express JS: This framework was made for node.js promises to be fast, flexible and simple
  • Django: This framework is developed in free and open source pyton