Book web programmer. Secrets of professional website development
Today we want to bring to your attention the “Book of the web programmer. Secrets of the professional development of web sites ” , which was written by the authors: B. Hogan, K. Warren, M. Weber, K. Johnson, A. Godin. The authors offer a wide range of advanced web development methods: from user interface design to project testing and web hosting optimization.
How to embed on the site animation that works on mobile devices without installing special plug-ins? How to use the "rubber" layout, which is correctly displayed not only on desktop PCs with different screen resolutions, but also on mobile devices? How to use JavaScript frameworks - Backbone and Knockout - to develop user interfaces? How can modern web developer tools like CoffeeScript and Sass help you optimize your code? How to conduct cross-browser code testing? How to plan a site development process using the Git tool?
')
Here is what the authors write in the Introduction :
In today's world, requirements for a web developer are not limited to knowledge of HTML, CSS, and JavaScript syntax: the ability to write well-tested code, create interactive interfaces, use external services, and sometimes even tune up a server (or at least understand the device) is highly valued today. server part of the application). This book contains more than forty practical guidelines: from the original design CSS-techniques that will not leave your client indifferent, to the methods of setting up a server that can make life easier for you and your users. A combination of proven methods and state-of-the-art solutions will help you get a more complete picture of the optimal means of solving various problems.
If you are creating a web application, this book is for you. If you are engaged in web design or development of external interfaces and want to expand your knowledge in the field of web development, you can play with new technologies and libraries that will help you work more efficiently, and at the same time explore some subtleties of the server-side device.
If you are developing server-side applications, but strive to be aware of modern methods of creating external interfaces, you will also find something useful here, especially in the sections on technology and testing.
One last thing: many of the methods described here assume that you have experience writing code for the client side of applications using JavaScript and jQuery. If you have no such experience, read them anyway and carefully analyze the code samples. Difficulties will serve as a stimulus for a more detailed study of the problem.
To begin with, on the way to more advanced web development methods, we will examine a number of important and interesting examples. Each recipe begins with the formulation of a common problem, which is then solved in the context of the most likely scenario. In this case, tasks can be very different: how to test a site in different browsers; how to quickly build and automatically implement a simple static site; how to create a simple contact form that sends the results by email; how to set up apache URL redirection and secure page maintenance. We will tell you not only how to solve the problem, but also why it is better to solve it this way. Since this book is only a collection of recipes, we cannot afford to discuss in detail the more complex architectures. However, after each recipe, you will find the “Additional Features” section indicating the direction for further action.
Recipes are grouped by topic, but it is not necessary to read them in the order in which they are listed in the book: choose those that interest you. Inside each chapter, recipes are given from simple to more complex.
Chapter 1, “Candy Recipes,” describes how to make page design more lively and interesting with CSS and other tools.
In Chapter 2, “The User Interface,” we will discuss how to enhance the user interface using tools such as JavaScript frameworks (such as Knockout and Backbone), as well as how to create more convenient templates for sending HTML messages.
In Chapter 3, “Data,” you will learn how to work with user data. You will create a simple feedback form, and as a culmination we will explain how to build a database-driven application using CouchApp CouchDB.
In Chapter 4, “Mobile Devices,” we will continue to talk about user interfaces and teach you how to work with various mobile platforms. Part of the sections is devoted to jQuery Mobile, part - to handling multitouch events. In addition, you will learn in which case you should create a mobile version of the page and how to do it.
Chapter 5, Workflow, discusses how to improve data management. Here we will explain how to use SASS when working with large style sheets, and also introduce you to CoffeeScript, a new JavaScript dialect that allows you to create clean code that is compatible with various systems.
In Chapter 6, “Testing,” you learn how to create more “bullet-proof” sites using automated tests, as well as test your own JavaScript code.
Finally, we turn to the creation of the final product in Chapter 7, Hosting and Implementation . First, we will create a virtual machine that will be used as a testing environment, which will allow us to test the operation of individual components before the final implementation of the application. Next, we will describe how to make a secure site, properly arrange redirects and protect your content. We will also show how to automatically implement the site, without forgetting to download the desired file.
In this book you will learn about the many new methods. Some of them are so new that they may well change, but we believe these methods are well-established enough to tell us something about them. Nevertheless, taking into account the rapid development of web technologies, we give you the opportunity to keep up with us, adding to the source code of this book copies of used libraries.
We have tried to reduce the requirements to a minimum, but something still needs to be learned before you decide to dive into reading.
In our examples we will use HTML5 markup. In particular, in our markup you will not find self-closing tags. In some examples, you will encounter new tags, such as
How to embed on the site animation that works on mobile devices without installing special plug-ins? How to use the "rubber" layout, which is correctly displayed not only on desktop PCs with different screen resolutions, but also on mobile devices? How to use JavaScript frameworks - Backbone and Knockout - to develop user interfaces? How can modern web developer tools like CoffeeScript and Sass help you optimize your code? How to conduct cross-browser code testing? How to plan a site development process using the Git tool?
')
Here is what the authors write in the Introduction :
In today's world, requirements for a web developer are not limited to knowledge of HTML, CSS, and JavaScript syntax: the ability to write well-tested code, create interactive interfaces, use external services, and sometimes even tune up a server (or at least understand the device) is highly valued today. server part of the application). This book contains more than forty practical guidelines: from the original design CSS-techniques that will not leave your client indifferent, to the methods of setting up a server that can make life easier for you and your users. A combination of proven methods and state-of-the-art solutions will help you get a more complete picture of the optimal means of solving various problems.
Who is this book for?
If you are creating a web application, this book is for you. If you are engaged in web design or development of external interfaces and want to expand your knowledge in the field of web development, you can play with new technologies and libraries that will help you work more efficiently, and at the same time explore some subtleties of the server-side device.
If you are developing server-side applications, but strive to be aware of modern methods of creating external interfaces, you will also find something useful here, especially in the sections on technology and testing.
One last thing: many of the methods described here assume that you have experience writing code for the client side of applications using JavaScript and jQuery. If you have no such experience, read them anyway and carefully analyze the code samples. Difficulties will serve as a stimulus for a more detailed study of the problem.
What is in this book?
To begin with, on the way to more advanced web development methods, we will examine a number of important and interesting examples. Each recipe begins with the formulation of a common problem, which is then solved in the context of the most likely scenario. In this case, tasks can be very different: how to test a site in different browsers; how to quickly build and automatically implement a simple static site; how to create a simple contact form that sends the results by email; how to set up apache URL redirection and secure page maintenance. We will tell you not only how to solve the problem, but also why it is better to solve it this way. Since this book is only a collection of recipes, we cannot afford to discuss in detail the more complex architectures. However, after each recipe, you will find the “Additional Features” section indicating the direction for further action.
Recipes are grouped by topic, but it is not necessary to read them in the order in which they are listed in the book: choose those that interest you. Inside each chapter, recipes are given from simple to more complex.
Chapter 1, “Candy Recipes,” describes how to make page design more lively and interesting with CSS and other tools.
In Chapter 2, “The User Interface,” we will discuss how to enhance the user interface using tools such as JavaScript frameworks (such as Knockout and Backbone), as well as how to create more convenient templates for sending HTML messages.
In Chapter 3, “Data,” you will learn how to work with user data. You will create a simple feedback form, and as a culmination we will explain how to build a database-driven application using CouchApp CouchDB.
In Chapter 4, “Mobile Devices,” we will continue to talk about user interfaces and teach you how to work with various mobile platforms. Part of the sections is devoted to jQuery Mobile, part - to handling multitouch events. In addition, you will learn in which case you should create a mobile version of the page and how to do it.
Chapter 5, Workflow, discusses how to improve data management. Here we will explain how to use SASS when working with large style sheets, and also introduce you to CoffeeScript, a new JavaScript dialect that allows you to create clean code that is compatible with various systems.
In Chapter 6, “Testing,” you learn how to create more “bullet-proof” sites using automated tests, as well as test your own JavaScript code.
Finally, we turn to the creation of the final product in Chapter 7, Hosting and Implementation . First, we will create a virtual machine that will be used as a testing environment, which will allow us to test the operation of individual components before the final implementation of the application. Next, we will describe how to make a secure site, properly arrange redirects and protect your content. We will also show how to automatically implement the site, without forgetting to download the desired file.
What you need
In this book you will learn about the many new methods. Some of them are so new that they may well change, but we believe these methods are well-established enough to tell us something about them. Nevertheless, taking into account the rapid development of web technologies, we give you the opportunity to keep up with us, adding to the source code of this book copies of used libraries.
We have tried to reduce the requirements to a minimum, but something still needs to be learned before you decide to dive into reading.
HTML5 and jQuery
In our examples we will use HTML5 markup. In particular, in our markup you will not find self-closing tags. In some examples, you will encounter new tags, such as
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal .
:
$ mkdir javascripts
$ , , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.Source: https://habr.com/ru/post/157025/
All Articles