Bienvenidos
Web Technology: A technology which acts as in interface between web servers and clients. It includes markup languages, programming interfaces, standards to define document identity and display. Basically web technology is the process which allows two more computing devices over a network.
Web Design Process
When a business needs a new website or they want to replace their existing one, they usually pass the project into the hands of a recommended web design and development agency. A sensible move. After all, most companies don’t have the in house expertise to tackle such a complicated project and one where the final result is critical in attracting new leads and generating product sales.
The creation of every website follows a clear web design process. A client who understands the basics of this process will appreciate what happens at each stage, will be clear about when the process can easily change direction and can communicate more knowledgeably with the web agency. Also, the more they know, the more the information provided by the web design team in their updates will make sense and prove more useful.
Behind The Scenes of the Web Design Process
Curso de Diseño Web
HTML
TML is the standard markup language for creating Web pages.
HTML5 Tutorial
HTML5 Cheat Sheet
CSS
CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.
CSS Responsive
Responsive web design makes your web page look good on all devices. Responsive web design uses only HTML and CSS. Responsive web design is not a program or a JavaScript. Web pages can be viewed using many different devices: desktops, tablets, and phones. Your web page should look good, and be easy to use, regardless of the device. Web pages should not leave out information to fit smaller devices, but rather adapt its content to fit any device
JavaScript
JavaScript is the programming language of HTML and the Web. JavaScript is easy to learn. JavaScript was invented by Brendan Eich in 1995, and became an ECMA standard in 1997. ECMA-262 is the official name of the standard. ECMAScript is the official name of the language.
Javascript - DOM
The DOM is a W3C (World Wide Web Consortium) standard. The DOM defines a standard for accessing documents: "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
Javascript - JSON
JSON stands for JavaScript Object Notation. JSON is a lightweight data-interchange format. JSON is "self-describing" and easy to understand. JSON is language independent.
jQuery
jQuery is a lightweight, "write less, do more", JavaScript library. The purpose of jQuery is to make it much easier to use JavaScript on your website. jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code. jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.
Web oficial
W3Schools - jQuery
Código Facilito - Videos
jQuery - Plugins
Para agilizar el proceso de desarrollo de nuestra aplicación puede ser muy útil usar plugins hechos con la librería JavaScript jQuery, para así enfocarnos en otros aspectos que a veces dejamos de lado. El uso de los plugins en tu proyecto hace que su desarrollo sea mas ágil y puedas seguir mejorándolo.
Materializecss
A modern responsive front-end framework based on Material Design.
Web oficial
Código Facilito - Videos
Validetta & Confirm
Les comparto dos de los plugins que más uso en mi día a día, que van orientados a la validación de formularios para cuidar la información que llegará al servidor y lo correspondiente a la retroalimentación para con el usuario de nuestro sistema.
Back-End / Servidores / Servidores Web
Hasta aquí tenemos suficiente material para hacer páginas totalmente funcionales, usables y presentables; sin embargo la inclusión de los formularios deja un hueco/oportunidad/necesidad de explorar que más se debería hacer con esa información que el usuario proporciona por este medio; la opción más común es enviarla a un servidor para que ahí se procese y/o almacene.
¿Qué es un servidor?
¿Qué es un servidor web?
_AMP
Así pues para nuestro curso necesitamos un soporte de servidor web con Apache-MySQL(MariaDB)-PHP, estas tres tecnologías provienen del entorno UNIX y se pueden realizar intalaciones individuales y quizás también con una maldiciones de por medio; afortunadamente tenems alternativas más sencillas para su instalación/configuración como si de cualqueir otra aplicación se tratara. Hay que tener mucho cuidado en los requerimientos previos de cualquiera de las opciones que se elija, atención por si acaso ya tienen instalado algun otro servidor web (regularmente Tomcat para Java) ya que puede causar conflictos y en estos casos lo más recomendable es utilizar una máquina virtual. Entre las opciones disponibles tenemos:
Independientemente de cual sea su elección es importante que identifiquen el llamado 'directorio de publicación' ya que a partir de ahora para que funcionen los ejemplos que les comparta han de colocarlos en éste y la manera de 'pedirlos' será como http://localhost/proyecto/
PHP
PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages. PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP. PHP 7 is the latest stable release.
Web oficial
W3Schools - PHP
Código Facilito - Videos
AJAX
AJAX allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.
MySQL
MySQL es un sistema de gestión de bases de datos relacionales de código abierto (RDBMS, por sus siglas en inglés) con un modelo cliente-servidor. RDBMS es un software o servicio utilizado para crear y administrar bases de datos basadas en un modelo relacional.