Ir al contenido principal

Empezando con desarrollo de aplicaciones web.



Si deseas ser desarrollador de aplicaciones web y tener pleno dominio del código fuente que escribes deberás estar atento nuevas entradas. Crear aplicaciones web no es tarea sencilla, por lo que te recomiendo estar preparado para especializarte en un campo específico. A modo de introducción le muestro los componentes de una aplicación web:

  • Interfaz.
  • Lógica de la aplicación.
  • Base de datos.

Básicamente, esto es de lo que se compone una aplicación web. Para esta serie de entradas usaremos MariaDB, PHP, JavaScript, CSS3, HTML5. Recuerda que aprender a crear aplicaciones web le dará la posibilidad de crear páginas web tanto estáticas como dinámicas. Para trabajar con aplicaciones web debemos considerar la instalación de programas que nos permitirán entrar en el desarrollo de las mismas.

Los roles en el desarrollo de aplicaciones web varía de acuerdo al presupuesto de la empresa para elaborar la misma y una aplicación realmente eficiente puede tardar mínimo 6 meses, este asumiendo que el departamento de desarrollo tiene los roles bien definidos relacionados con el manejo de producto, interfaz gráfica, análisis de datos, personal capacitado en relación con las funcionalidades que se desean construir. Por ejemplo si la aplicación está relacionada con la medicina, control de inventario, veterinario, dentista, mecánico, albañil, en fin los programadores trabajan objetivamente y necesitan aplicar estructuras y procedimientos de profesiones externas para automatizarlas, lo que implica estar dispuesto a comprender y aplicar conceptos externos a su concentración e implementarlos dentro de una aplicación para automatizar y o agilizar procedimientos habituales, de las mismas.

Para trabajar con aplicaciones web deberás tener al menos tener instalado un servidor local. En este blog encontrarás información de como instalarlo sin embargo también puedes ir a la documentación oficial. En mi blog encontrarás un resumen de lo que leerás en la documentación oficial.

Aquí enlace para ver mi entrada https://tutorwebenlinea.blogspot.com/2021/06/instalacion-del-paquete-xampp.html

Aquí enlace para descargar e instalar en la página oficial del programa que yo uso https://www.apachefriends.org/download.html

Existen muchas aplicaciones, pero con las que te muestro es suficiente para crear aplicaciones web. Si buscas en la web encontrarás muchas herramientas, pero te recomiendo que te concentres en lo necesario o no llegarás muy lejos. Esto te lo aconsejo, ya que por experiencia, me tomó demasiado tiempo generar ingresos, ya que quería aprender más de lo que necesitaba por influencias, como cuando dicen que salió una tecnología nueva y ya otra está obsoleta.

Puede que tengan razón en cuanto a la obsolescencia, pero realmente influye demasiado poco en el conocimiento del lenguaje como tal, la obsolescencia está presente dentro de los que son marcos de trabajo, ya que son creados por grandes compañías para agilizar trabajo y adicionalmente encuentran errores y comienzan a actualizar, de esa forma quedan obsoletos antes de que logres aprender estos de manera cabal.

Es por esta razón que mis entradas están enfocadas al desarrollo usando lenguaje de programación nativo y librerías. Me abstengo de usar marcos de trabajo, ya que esa parte le toca a la empresa que contrata proveer capacitación especifica a estas personas que ha contratado.

De ahí, a que encuentres miles de fanáticos diciendo que las compañías contratarán una cosa u otra eso son solo comentarios. Por ejemplo decían que las empresas requerían jQuery y ahora está obsoleto. Somos de la nueva generación y no nos comemos el cuento de las grandes empresas, donde invierten dinero para que pienses que es así luego no consigues trabajo porque ya ellos realizaron la selección de los que necesitaban sin pagar capacitación debido a la creencia de; "Es cierto de que tiene futuro la tecnología".

Somos de la generación emprendedora donde la empresa debe cubrir los gastos de capacitación o compra el producto que le ofrecemos, así de sencillo. Buenos yo digo esto pues soy dueño de negocio y justo eso quiero para ti. Que tengas las capacidades para ser tú quien provee servicios y no que una compañía ajena a nuestro servicio imponga valor a nuestro conocimiento.

La compañía Hostinger le ofrece alternativas a sus usuarios www.hostinger.es/tutoriales/precio-pagina-web donde dice: El costo de contratar a un diseñador de sitios web puede ser elevado. Dependiendo de lo que quieras lograr, la cantidad de tiempo y dinero invertido en la creación también aumentará. Si decides que este es él camino correcto para ti, es seguro decir que necesitas al menos 5.000 €.

Fíjate que dice al menos 5.000 euros lo que advierte del costo de una aplicación personalizada. Estas aplicaciones personalizadas suelen escribirse de manera personalizada lo que implica muchos detalles, entonces si es un buen programador podrá superar todos los retos que implica que tu aplicación personalizada realice exactamente lo que necesitas y contendrá solo las instrucciones que necesitas. Y no un exceso de funciones que no se usan dentro de tu aplicación lo que disminuye el rendimiento de la misma.

¿Qué herramientas utilizan los profesionales?

Existen demasiadas herramientas y yo desglosaré solo las que yo utilizo para programar aplicaciones web. En lo personal uso Git para el control de versiones, pinta de Linux para edición de imágenes y también GIMP para el mismo propósito. En cuanto a los editores de imágenes no te recomiendo des tanta importancia pues un desarrollador de aplicaciones web no debe andar gastando su tiempo editando imágenes para hacer su trabajo eso se lo podemos dejar a otro profesional o si deseas ser diseñador gráfico, abandona la lectura y ve a buscar en otra parte lo que necesitas, ahora si estás interesado en desarrollar aplicaciones continúa leyendo. Otra aplicación la que mencionó mucho XAMPP lo cual es un servidor local con todo lo necesario para correr aplicaciones complejas de manera local. También necesitaremos tener instalado los navegadores más populares o al menos uno, sin embargo es recomendable tener todos los que sean posibles instalar para pruebas de ejecución. Un editor de texto en mi caso Sublime text.

Para que tengas una idea puedes dejarte llevar por los conceptos a continuación, ya que necesitarás un ordenador, editor de texto, navegador web, editor de gráfico, sistema de control de versiones y programa FTP. Así que debes buscar más información sobre ordenador, editor de texto, navegador web, editor de gráfico, sistema de control de versiones y programa FTP.

Yo uso un ordenador PHP, como editor de texto uso Sublime Text, navegador web tengo instalado Firefox y Opera, para edición de gráficos tengo Gimp y pinta, para el control de versiones uso Git y GitHub, mi programa FTP es FileZilla. Disculpa la redundancia, pues deseo que queden claros los conceptos que explico aquí.

Esto sería la introducción al desarrollo web. Con lo que acabas de leer debería estar preparado para comprender de que van mis entradas.

Comentarios

Entradas populares de este blog

El entorno de los negocios

Esta es la entrega del temario del curso donde aprenderás: En este curso, aprenderás una variedad de habilidades y conocimientos esenciales para la gestión efectiva de organizaciones. Empezarás comprendiendo el proceso de gestión, lo que te permitirá trabajar una organización flexible, capaz de adaptarse a los cambios del entorno. Aprenderás a producir bienes y servicios de alta calidad, asegurando la satisfacción de los clientes. En cuanto a recursos humanos, te comprenderás la importancia de identificar y retener a los mejores empleados, así como en las estrategias para motivar y satisfacer a los equipos de trabajo. En el ámbito de la comercialización, adquirirás habilidades para construir relaciones sólidas con los clientes a través de un marketing eficaz, así como para fijar precios que satisfagan las necesidades del mercado y p

Importancia de la asesoría académica

Los servicios de asesoría educativa emergen como una inversión sabia y enormemente beneficiosa. Ofrecen un acompañamiento personalizado que marca la diferencia tanto en el rendimiento académico como en el desarrollo personal de los estudiantes. Ya sea en sesiones individuales o grupales, estas tutorías proporcionan una oportunidad excepcional para alcanzar el máximo potencial. Imagina la vida cotidiana de un estudiante. En ocasiones, ciertas materias pueden parecer inalcanzables, ¿verdad? Es aquí donde la asesoría juega un papel crucial. Los profesionales no solo simplifican conceptos abstractos, sino que también ofrecen ejemplos prácticos que facilitan la comprensión. Este nivel de entendimiento puede marcar la diferencia entre la confusión y el dominio del tema. Visualiza el valor de tener a alguien a tu lado cuando te enfrentas a desafíos académicos importantes, como la preparación de un proyecto crucial o la preparación para un examen vital. Los servicios de asesoría te proporciona

¿Que es MySql?

¿Que es MySql? MySQL es un sistema de administración de bases de datos que le permite administrar bases de datos relacionales. Es un software de código abierto respaldado por Oracle. Significa que puede usar MySQL sin pagar un centavo. Además, si lo desea, puede cambiar su código fuente para adaptarlo a sus necesidades. La forma oficial de pronunciar MySQL es My Ess Que Ell, no My Sequel. Sin embargo, puedes pronunciarlo como quieras, ¿a quién le importa? Ahora explicaremos que es la especificación SQL SQL 'sequel' Structured Query Language es un lenguaje específico de dominio usado en programación y diseñado para administrar datos almacenados en un sistema de administración de bases de datos relacionales (RDBMS), o para el procesamiento de flujos en

Desplegar datos en pantalla con PHP y HTML5

Bienvenido a una nueva entrada de blog. En esta ocasión hablaremos de la salida de datos, usando PHP. Esta entrada tiene el propósito de mostrar la sintaxis básica de PHP con el objetivo que puedas comprender muchas de las entradas que publicaré en el futuro. Ya comprendimos como instalar el paquete para programar nuestras aplicaciones web usando un entorno de pruebas local usando las herramientas que nos proporciona XAMPP. Por cierto mi blog está enfocado al desarrollo de aplicaciones comerciales usando MySQL. PHP, JavaScript, CSS y HTML. Ya que se trabaja aplicaciones comerciales también tocaremos temas como lo son la administración de empresas, contabilidad, estadísticas, control de inventario y todo lo relacionado con la administración organizaciones comerciales. Ahora veamos salidas de datos y diferentes formas de desplegar en pantalla. Para comprender esto debemos tener conoc

Aplicación web para un banco en línea

  En esta entrada publico una vista previa de lo que es la aplicación que actualmente trabajo con estudiantes de análisis y desarrollo de aplicaciones web. Donde se trabaja actualmente con una aplicación que simula todas las actividades bancarias. La misma se desplegará en un servidor para a paso desde un principio hasta el final. Desde la interfaz la elaboración de la base de datos, maqueado diseño y reacciones dinámicas de la aplicación con JavaScript.          

Vista previa de imágenes con JavaScript

Aquí un video mostrando el funcionamiento de esta funcionalidad. Mas adelante las instrucciones con imágenes y documentación para que puedas realizar el proyecto.  En otra publicación haré este mismo ejercicio solo que acortando la instrucciones y aplicando técnicas para que nus4etras instrucciones sean genéricas y fáciles de adaptar a otros proyectos.    Estoy para servirle, espero te se a de provecho esta información.  En esta entrada de Blog se explicará por medio de ejemplo una pequeña funcionalidad que tiene la capacidad de mostrar una vista previa de imágenes y mantener el control para incorporar, modificar y/o la eliminación de las imágenes que el usuario enviara posteriormente al servidor web. Comenzamos Para este ejercicio elementos HTML y JavaScript para que sea el navegador web el encargado de realizar todas las operaciones necesarias hasta que el usuario este seguro de que imágenes enviara, además

Introducción HTML

Esta entrada no está completada HTML es el Lenguaje de marcado estándar para crear páginas web. ¿Qué es HTML? HTML significa Idioma de Markup de Hyper Text HTML es el idioma de marcado estándar para crear páginas web HTML describe la estructura de una página web HTML consiste en una serie de elementos. Los elementos HTML le indican al navegador cómo mostrar el contenido Los elementos HTML etiqueta las piezas de contenido, como "Esto es un encabezado", "Este es un párrafo", "Este es un enlace", etc.

¿Qué es el análisis de negocios?

¿Qué es el análisis de negocios? El Análisis de Negocio es el conjunto de tareas y técnicas utilizadas con el fin de entender la estructura, política y operaciones de una organización, para así recomendar soluciones que permitan a la misma alcanzar sus metas. Por lo que debemos considerar el estudio del tema, ya que de ello depende en su mayoría la toma de decisiones sobre los procedimientos, necesidades e implementación en la que incurre la empresa u organización. Además, las acciones que se deben considerar para alcanzar esas metas y objetivos. Para ello se debe tener en mente la implementación de una buena estrategia de recurso humano. Por lo general, las empresas que implementan análisis dentro de las mismas, son numerosas en cuanto al personal y el trabajo en equipo es muy importante a la hora de trabajar los objetivos definidos, análisis y reestructuración

Elemento de formulario atributo {action}

En esta ocasión hablaré del atributo {action}, que en resumen solo contiene la URL que procesará los datos contenidos en el formulario. Puede ser muchos lenguajes los que procesen el formulario, sin embargo, tomaremos como ejemplo un script de PHP. Dicho esto podemos decir que el atributo {action} es propio del elemento {form} de HTML y es usado para enviar todo el contenido dentro del formulario. Aunque debes tener en cuneta de que solo los elementos {input} con atributo {type} y {neme} son enviados. Existe una buena cantidad de input type de lo que hablaremos más adelante. Por lo que te adelanto que estos son los elementos que vemos para la entrada de texto números y controles dentro de páginas web. Son elementos capaces de recoger datos a rais de entrada por el usuario por también ficheros de imágenes y mucho más.