Web Developer's Road (i): Preface

Looking back at the time I started learning HTML, it was the September 2014 thing.

At that time I was just a freshman, even programming can only be said to be a beginner's mind, the algorithm will only choose the sort, programming language only learned a little bit of visual Basic.

At that time, the web-making also stayed in FrontPage, Dreamweaver, the impression of the tool.

Interestingly, the impression of web development with Word writing something in the QQ space, there is no essential difference.

Up to now, I have stumbled and walked for 20 months on the Web development path.

No teacher taught, completely by self-study, so through a lot of detours, now ready to tidy up a series of blog posts to share to everyone.

Not fully reproduce the way I study, let everyone accompany me to the meaning of detours, nor to explain the web history, or a wide range of development framework to explain the meaning. Instead, it combines the experience of the brain to complement a learning path for reference.

General Learning Resources

• School
• Geek Wiki

There are also many private websites and blogs that can be consulted.

Front Big Three

Web front-end Big Three refers to: HTML, CSS, JavaScript, mastering this big Three, you can enter the industry to get a front-end engineer's name mixed bowl of rice to eat. The so-called front-end work, that is, the data in the form of popular people to present, which is very fastidious.

Html

A web development beginner's mind, should start from the HTML to learn.
HTML is very simple to get started, and now it's time to start learning directly from HTML5.

Basic

1. Learn about the basic structure and nesting patterns of HTML5 documents. (approx. 10 min)
2. Learn the basics of several tags (h*, p, a, code, etc.). (approx. 30 min)
3. Learn about human-Computer interaction Labels (button, input, etc.). (approx. 30 min)
4. Learn how to reference external resources (pictures, styles, scripts). (approx. 20 min)

Advanced

1. Learn about the tree structure (DOM tree) of HTML documents. (approx. 10 min)
2. Learn about the properties and methods on the various nodes of the DOM tree (corresponding to various labels). (more than 4 hours)

Depth

1. Understand the deeper design paradigm xml behind HTML.
2. Learn about other data representation paradigms, such as Json,yaml.
3. Diffusion learns a variety of markup languages, such as Markdown.

The M in HTML is markup, and Markdown's name is from markup.

Zen

This is nothing more than a form of object serialization (serialization).

Css

HTML is considered only as a formatted data, and the browser renders it as a Web page with styles that are defined by the browser itself (the User-agent class style). Typically, this is extremely ugly. This is when web developers need to customize the style to make the page look beautiful.

Basic

1. Learn about CSS selectors and action sequences. (approx. 1 hours)
2. Learn about basic CSS syntax and styles. (approx. 2 hours)

Advanced

1. Learn the various characteristics of CSS3.
2. Learn CSS best practices.
3. Learn a variety of CSS libraries, such as Bootstrap.

Depth

1. Learn about the latest CSS standards, even those that have not yet been supported by the browser.
2. Use CSS preprocessor, such as less, sass, etc.

Zen

It's an art of makeup.

Javascript

Stop, please.
Excuse me, stop.
Guys, stop, listen to me.

JS Dafa Good!

JavaScript, as a programming language, does not really matter to Java. Today, JavaScript is widely used and can even be developed to a certain extent (full stack developing).

Basis

1. will use JS REPL Interactive environment, such as the browser console and so on can execute JS code in the environment immediately.
2. Learn the basic data format and syntax of JavaScript.
3. Learn about JavaScript's basic objects and their properties, methods.
4. The DOM tree (that is, the Document object) is manipulated with JavaScript.
5. Learn the global objects in the browser environment, such as window, document, Localstorage, etc.

Advanced

1. Learn JavaScript libraries, such as jquery.
2. Learn the asynchronous programming patterns of JavaScript.
3. Learn to interact with the server using JavaScript (AJAX).

Depth

1. Learn how to manage JavaScript code dependencies.
2. Learn Nodejs for Web back-end development.

Zen

Without it, JS Dafa good!

Back-end development

Back-end development is an application of the most heavy, is to achieve a variety of powerful functions of the part.

What the? Front? It's just a part of the human eye!

The backend program is usually deployed on the server, the resources are usually more than the client, but a punch is hard to four hands, under a large number of clients resources appear to be very limited. High performance, stability, and ease of maintenance are the effects of the backend.

Basically, a programming language can develop the backend. The Web backend is nothing more than a program that translates requests into responses (Response).

BaCkE Nd :Req uesT→ResPoNse

The most basic way is to create a double-shot by directly following a directory response request that resides in a static resource (HTML, CSS, JavaScript).

But this backend flexibility is limited, and soon there are a lot of expansion plans:

Php

PHP has its own processor, and whenever a client requests a PHP file, the server-stored php file is passed through the processor, converted to HTML or other response formats, and then sent back to the client.

Java

Java Enterprise-Class WEB application development. Basic form with PHP, but its language than PHP is easy to master, maintainability is also much stronger, the disadvantage is not flexible, long development cycle.

NodeJS

Nodejs has an unparalleled affinity with JavaScript, and is a great place to shine in Web backend development. But the performance of JavaScript itself is not high, nodejs with the asynchronous model can effectively improve its performance as a Web server, but in essence does not reduce the server to do the work.

Summary

I currently have only three types of backend development experience. By contrast, I personally prefer the development of NodeJS. for development, its development cycle is not long , closures bring good maintainability , good module ecology , the community is more mature . The whole process is developed with JavaScript with excellent softness ! In addition, the performance of Nodejs is absolutely not bad , even in many cases superior to others.

According to my personal experience, the later of this series will go:

HTML + CSS + JavaScript--NodeJS ... Such a route.

Web Developer's Road (i): Preface