This post summarizes some aspects on web development.
Web Development Learning Path
If you want to learn web development, the increasing knowledge you need to get could be summarized as below:
- HTML
- CSS
- JavaScript
- CSS Frameworks
- DOM
- Code Repositories
- Web Front End Frameworks
- Web Back End Development
- API
- Database
- Web Back End Frameworks
1. HTML
HTML is a markup language to build website. It provides the layout and content (text, images, etc.) of a website.
In the early internet, websites were done directly in HTML. However, now there are many tools and framework to avoid going to such a low level.
Nevertheless, it is important to know the basics of HTML.
2. CSS
CSS is used to configure the visual aspects of a web, like fonts, font sizes, style, colour, etc.
As it happens with HTML, developers no longer need to deal directly to CSS and use CSS frameworks instead.
In any case, it is useful to know the basics of CSS.
3. JavaScript
HTML and CSS are mostly used for visualization, but they lack the functionalities that a programming languages offer.
JavaScript, frequently shortened as JS, is a programming language for webs. While HTML provides the layout and content and CSS the format, JavaScript enables adding logic procedure to the web.
HTML5 is a compound of HTML, CSS and JavaScript technologies. Up to this point, we would have the basics to build a web page. But if we expand our knowledge and tools, we can create better webs and faster.
4. CSS frameworks
Some examples are CSS frameworks are Bootstrap and Tailwind CSS.
You can find a detailed list of CSS framworks on this post.
5. DOM
Document Object Model (DOM) is a cross-platform and language-independent interface that treats an XML or HTML document as a tree structure wherein each node is an object representing a part of the document.
DOM is a programming interface for web documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects; that way, programming languages can interact with the page.
The most common way to access DOM is through JavaScript.
6. Code Repositories
Some examples of code repositories are Git and GitHub.
You can find a detailed list of code repositories on this post.
7. Web Front End Frameworks
Some examples of web application frameworks are React, Angular or Vue.
You can find a detailed list of web application frameworks on this post.
8. Web Back End Development
Until this points we have been checking the parts that are run on the client’s browser. But there are some functionalities that can must be run on the server side. From now on, we are entering into this area.
Some examples of web server environments are Node.js, PHP and Python.
You can find a detailed list of web back end scripting languages on this post.
9. API
Integration with other systems is one important feature of the back-end of a website.
10. Database
Accessing a database is an important back-end functionality.
11. Web Back End Frameworks
Some examples of web back end frameworks are Node.js, Django, Ruby on Rails or Express.js.
You can find a detailed list of web back end frameworks on this post.
External references
- Durga Prasad Acharya; “Django vs Laravel“; Kinsta