My Web Front-end development (1)

From others' blogs, we can see that the front-end development does not use the C language or C ++ for underlying development. It is highly technical and has been paid attention to because the front-end development threshold is relatively low, it's easy to get started.

After these days of practice and study, I personally think that front-end development is not as simple as they think. This is a job with high overall quality requirements, no, you can become an excellent front-end development engineer with HTML, CSS, and JavaScript.

An excellent web front-end development engineer must have both breadth and depth in the knowledge system, and better present the website interface to users, it also makes it easy for users to use. Therefore, Web Front-end engineers should be good designers, user experience engineers and software engineers.

Web Front-end development technologies include HTML, CSS, and JavaScript. However, with the popularity and popularization of RIA, Flash/flex, Silverlight, XML and server-side languages should also be mastered by front-end development engineers.

HTML implements the page architecture, CSS beautifies the page layout, JavaScript implements page data transmission, and write page plug-ins.

Based on recent practices, I think Web development mainly includes the following parts:

 1. Build a Data Structure: build an appropriate data structure based on project requirements

2. design the page layout

3. Use HTML and CSS to present the style designed in step 2

4. Use JavaScript to transfer data

 5. Security of data storage and transmission (I am not sure about the security part. I hope you can share it with me. Thank you)

The following example shows how to build a simple blog website that contains users, blogs, and messages.

1. Create a database with three tables: User, blog, and message. Therefore, use the following three types:

View code

 Public   Class  User: businessobject {  Public   String Loginname { Get ; Set  ;} Public   String Loginpassword { Get ; Set  ;}  Public Datetime lastlogin { Get ; Set  ;}}  Public   Class  Blog: businessobject {  Public   String Title { Get ; Set  ;}  Public   String Content { Get ; Set  ;}  Public   String Background { Get ; Set  ;} [Scriptignore] [ignoredatamember]  Public  User belonsto { Get { Return Getvalue <user> ( "  User  "  );}  Set {Setvalue <user> ( "  User  "  , Value) ;}} [scriptignore] [ignoredatamember]  Public List <message> Messages {  Get { Return Getvalues <message> ( "  Messages  "  );}  Set {Setvalues <message> ( "  Messages  "  , Value );}}}  Public   Class  Message: businessobject {  Public   String Content { Get ; Set  ;} [Scriptignore] [ignoredatamember]  Public  User belonsto {  Get { Return Getvalue <user> ( "  User  "  );}  Set {Setvalue <user> ( "  User "  , Value );}}} 

2. design the page layout

Includes the user registration page, user logon page, and user editing page. Write a blog page, edit a blog page, and display all the blog pages (including messages). These pages are formatted with images.

3. html and CSS are displayed on the above page

4. Data Transmission

Use viewdata, viewbag, and model to transmit background data to the page, and use submit () or ajax to submit page data to the background.

5. The security issue has not been solved. Please make a speech. What should I do if my website security problems are solved?