Top 4 debe aprender lenguajes de programación + 1 herramienta que te hace convertirte en diseñador web
Entonces, ¿En dónde debes empezar? permítanos ayudarlo a decidir los idiomas que debe aprender para convertirse en un diseñador web profesional .
1. HTML
HTML significa Hyper Text Markup Language, que es el lenguaje más utilizado en la Web para desarrollar páginas web. Berners-Lee creó HTML a fines de 1991, pero “HTML 2.0” fue la primera especificación HTML estándar que se publicó en 1995. HTML 4.01 era una versión principal de HTML y se publicó a fines de 1999. Aunque la versión HTML 4.01 es ampliamente utilizada Actualmente tenemos una versión HTML-5 que es una extensión de HTML 4.01, y esta versión fue publicada en 2012.
Código de muestra:
Ejemplo de código HTML
html>
charset="utf-8">
Tutorialslides
welcome to tutorialslides.com
Antes de aprender HTML
Debe estar familiarizado con:
Antes de continuar con el aprendizaje de HTML, debe tener un conocimiento básico de funcionamiento del sistema operativo Windows o Linux. A continuación se detallan algunas habilidades importantes que debe aprender:
- Experiencia con cualquier editor de texto como el bloc de notas, el bloc de notas ++ o Edit plus, etc.
- Cómo crear directorios y archivos en su computadora.
- Cómo navegar por diferentes directorios.
- Cómo escribir contenido en un archivo y guardarlo en una computadora.
- Comprensión sobre imágenes en diferentes formatos como JPEG, formato PNG.
2. CSS
CSS se utiliza para controlar el estilo de un documento web de una manera simple y fácil. CSS es el acrónimo de "Hoja de estilo en cascada".
CSS ayudará a los profesionales que desean que sus sitios web o blogs personales sean más atractivos.
Código de muestra:
Ejemplo de código CSS
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
Antes de aprender CSS
Debe estar familiarizado con:
- Procesamiento de texto básico con cualquier editor de texto.
- Cómo crear directorios y archivos.
- Cómo navegar por diferentes directorios.
- Navegación por Internet utilizando navegadores populares como Internet Explorer o Firefox.
- Desarrollo de páginas web simples usando HTML o XHTML.
3. Javascript
JavaScript es un lenguaje de programación ligero e interpretado. Está diseñado para crear aplicaciones centradas en la red. Es complementario e integrado con Java. JavaScript es muy fácil de implementar porque está integrado con HTML. Es abierto y multiplataforma.
Código de muestra:
Ejemplo de código Javascript
document.write(5 + 6);
Antes de aprender Javascript
Debe estar familiarizado con:
- Procesamiento de texto básico con cualquier editor de texto.
- Cómo crear directorios y archivos.
- Cómo navegar por diferentes directorios.
- Navegación por Internet utilizando navegadores populares como Internet Explorer o Firefox.
- Desarrollo de páginas web simples usando HTML o XHTML.
- Un programador que tiene una exposición previa a los conceptos de programación orientada a objetos.
4. jQuery
jQuery es una biblioteca JavaScript rápida y concisa creada por John Resig en 2006. jQuery simplifica el desplazamiento de documentos HTML, el manejo de eventos, la animación y las interacciones Ajax para un desarrollo web rápido.
Código de muestra:
Ejemplo de código jQuery
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
Antes de aprender jQuery
Debe estar familiarizado con:
- Debe tener una comprensión básica de HTML, CSS, JavaScript, Modelo de objetos de documento (DOM) y cualquier editor de texto.
- Como necesitamos desarrollar una aplicación basada en la web utilizando jQuery, será bueno que comprenda cómo funcionan Internet y las aplicaciones basadas en la web.
5. Photoshop
Adobe Photoshop es un editor de gráficos de trama desarrollado y publicado por Adobe Systems para macOS y Windows.
Los archivos de Photoshop tienen una extensión de archivo predeterminada como .PSD, que significa "Documento de Photoshop". Un archivo PSD almacena una imagen con soporte para la mayoría de las opciones de imágenes disponibles en Photoshop. Estos incluyen capas con máscaras, transparencia, texto, canales alfa y colores planos, trazados de recorte y configuraciones de duotono.
Esto contrasta con muchos otros formatos de archivo (por ejemplo, .JPG o .GIF) que restringen el contenido para proporcionar una funcionalidad optimizada y predecible. Un archivo PSD tiene una altura y ancho máximos de 30,000 píxeles, y un límite de longitud de 2 Gigabytes.
Así es como se ve si incluimos todos los códigos en una sola página HTML:
Código de muestra:
Ejemplo de código combinado
html>
document.write(5 + 6);
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
charset="utf-8">
Tutorialslides
welcome to tutorialslides.com
Hi, Make me invisible
Créditos: los 4 principales deben aprender lenguajes de programación + 1 herramienta que lo convierte en diseñador web: