Javascript

Mostrando entradas con la etiqueta Javascript. Mostrar todas las entradas
Mostrando entradas con la etiqueta Javascript. Mostrar todas las entradas

martes, 27 de febrero de 2024

5 Recomendaciones que tienes que tener en cuenta para Programar en Javascript


 


5 Recomendaciones que tienes que tener en cuenta para Programar en Javascript


  1. Usa nombres descriptivos para variables y funciones: Elige nombres significativos que indiquen claramente el propósito de tus variables y funciones. Esto hace que tu código sea más legible y comprensible para otros desarrolladores (y para ti mismo en el futuro).
  2. Utiliza comentarios para documentar tu código: Agrega comentarios explicativos para aclarar el propósito de secciones complicadas de tu código, algoritmos o cualquier otra parte que pueda resultar confusa para otros desarrolladores. Esto facilita la comprensión y el mantenimiento del código en el futuro.
  3. Aplica el principio DRY (Don't Repeat Yourself): Evita repetir el mismo código en diferentes partes de tu programa. En su lugar, encapsula la lógica repetida en funciones reutilizables. Esto no solo hace que tu código sea más conciso, sino que también facilita su mantenimiento y modificación en el futuro.
  4. Maneja los errores de forma adecuada: Implementa manejo de errores apropiado utilizando try-catch o constructores de promesas. Esto te permitirá detectar y gestionar errores de manera efectiva, mejorando la robustez y la estabilidad de tu aplicación.
  5. Realiza pruebas unitarias y pruebas de integración: Es importante escribir pruebas automatizadas para tu código. Las pruebas unitarias se centran en probar unidades individuales de código, mientras que las pruebas de integración evalúan cómo funcionan en conjunto diferentes componentes de tu aplicación. Esto te ayuda a identificar errores y problemas de manera temprana, lo que resulta en un código más confiable y de mejor calidad.


Siguiendo estas prácticas, podrás escribir código JavaScript más limpio, legible, mantenible y robusto. Tengo perfiles activos en plataformas como Twitter, Facebook o LinkedIn, sígueme allí. A menudo comparto enlaces a mis respuestas y otros contenidos relevantes. También puedes interactuar conmigo y otros seguidores en estas plataformas.


viernes, 7 de agosto de 2015

Mejores sitios interactivos para aprender a programar - Rack code


Mejores sitios interactivos para aprender a programar

Aprender a programar para la mayoria de las personas es algo dificil de aprender y que no siempre sirve. Y asi lo es la verdad es que es cuestion de practica, constancia y mucha paciencia, pero con la revolucion que han provocado las nuevas tecnologias es mas posible aprender y comprender lo basico asi como el funcionamiento de los lenguajes de programacion como JavaScript, PHP con terminos familiares para nosotros.

En este articulo vamos a mostrarte algunos de las plataformas en las que puedes aprender a programar sin tanto esfuerzo y al mismo tiempo divirtiendote con cada uno y al finalizar esperemos que compartas la publicacion con tus amigos.

Antes que nada la el objetivo es que se atrevan a aceptar el reto, asi como dar continuidad para iniciar con tutoriales, cursos gratuitos y de pago, aunque pueda resultar dicil al principio no es imposible asi que no hay excuesa.
  1. Code.org

    Code.org


    La tematica que maneja esta plataforma es aprender a travez de juegos simples y retos entretenidos, donde  famosos te hablan acerca de la logiga asi como para inspirarte a continuar aprendiendo. Esta plataforma es muy buena si quieres aprender sintaxis y entender la logica de programacion.

  2. Khanacademy

    Khanacademy


    Esta plataforma consta de varios temas que ayudan en distintos niveles (Colegio hasta Universidad). Resulta bastante sencillo comenzar a programar en esta plataforma esto se debe a que nos indican con figuras, esta es una buena plataforma para que los niños aprendan jugando y desarrollen su intelecto.


  3. CodeCombat

    CodeCombat

    Esta es plataforma tiene todo lo ya mencionado retos y videojuegos, consta de escribir en consola codigo de programacion que te enseñaran a medida que vayas jugando. Resulta muy divertido este juego.


  4. Codecademy

    Codecademy



    Este es una de las plataformas que mas nos gusta porque enseñan los lenguajes de programacion mas divertidos y faciles de la web (Python y Ruby) es muy intuitivo y explica muy bien ademas de que a medida que vamos avanzado la dificultad es mayor.

  5. Fightcodegame

    Fightcodegame



    Si deseas probar tus habilidades esta es la plataforma indicada en la cual nos topamos con un nivel completamente distinto, aprender bajo presion.

     

Recuerda que si te gusto 





Recursos extra

miércoles, 22 de julio de 2015

Brython - Using Python in the frontend | Rackcode


 

Brython - Using Python in the frontend


Oddly result you mention that python still a Backend language may be in the frontend. But it is not a mistake today Brython is a language that would come on the client side (Frontend).

Simply because it could be a substitute for JavaScript but we believe can visit this site and http://www.brython.info/ review the code and see for themselves that no code Javascript to see the Clock function.

Brython is designed to adopt HTML5 environments with objects and DOM events, but the only problem that has been detected so far turns out to be slow, which we see in a while if improvement.

Would be great to put JavaScript hand or just work together but we hope the Starfish project more news soon.

And you will like to work with Python client side, tell us in the comments.


You can get more information on this link https://github.com/brython-dev/brython/wiki/Brython-videos-and-talks





We also have technology blogs where you can find on issues of computer science, technology, books, courses, Backend, Frontend, UX, UI. Frequently we publish content on these sites.

https://www.facebook.com/Rackcode.Oficial
https://www.facebook.com/Backend.y.Frontend.Profesional
https://www.facebook.com/educandolaweb
https://www.facebook.com/alonsosilence

http://www.frontend-backend-profesional.info/
http://www.rackcode.info/
http://educandolaweb.blogspot.mx/

We also have Facebook groups where experts from around the world share in our blog content Frontend, Backend Server Management and Entrepreneurship Startups and I invite you to join.

https://www.facebook.com/groups/rackcode
https://www.facebook.com/groups/comunidad.startups.emprendimiento.rackcode/
https://www.facebook.com/groups/comunidad.sysadmin.rackcode/
https://www.facebook.com/groups/Comunidad.Backend.Rackcode/
https://www.facebook.com/groups/Comunidad.Frontend.Rackcode/  

lunes, 20 de julio de 2015

Frameworks de JavaScript para Frontend


Frameworks de Javascript para Frontend

Los frameworks de Javascript proveen de funcioanlidades genericas para ser utilizadas para desarrollar aplicaciones de la manera mas rapida,modular y seniclla posible. Aunque en su mayoria los frameworks proveen de componentes para cumplir con determinadas funciones que son:
  • Compativilidad
  • Comunicacion Asincrona (Ajax)
  • Manipulacion del DOM
  • Validacion de Formularios
  • Efectos Visuales
  • Almacenamiento Client-side
  • Manejo de JSON
  • Manejo de Eventos
  • Estructuras MVC

    Entre los que podemos destacar

    • Backbone.js
    • Ember.js
    • Knockout.js
    • Angular.js
    • Jquery
    • MooTools
    • ExtJs
    • Prototype
    • Scriptaculous
    • Dojo Toolkit
    • YUI



      jueves, 16 de julio de 2015

      Descarga 15 libros gratuitos aprender a programar


      Descarga 15 libros gratuitos aprender a programar


      Ademas de aprender a programar por diferentes recursos que encontramos en la web en video hay tambien recursos literarios que podemos utilizar y que estan totalmente a nuestra disposicion por ser gratis.

      Los libros digitales son uno de los recursos de la web que hay en abundancia, pero no todos son recomendados, debido al cierto grado de complejidad, conocimiento y nivel que pueden presentar al lector.

      Entonces entremos en materia los libros que vamos a presentar recursos literarios que estan enfocados en la programacion basica pero con un grado de calidad que pocos tienen, lo que nos permitira a los que son novatos y a los expertos aprender algo nuevo o reforzar conocimientos. Por ultimo todos estos libros estan en ingles por lo que tendras que hacer un esfuerzo extra si no dominas el idioma.

      1. Como diseñar Programas - How to Design Programs 
      2. 97 cosas que todo programador deberia saber  
      3. Fundamentos de Ciencias de la Computacion -  Foundations of Computer Science
      4. Introduccion a la Computacion Informatica - Introduction to Computing
      5. Producciendo Software OpenSource - Producing Open Source Software
      6. El codigo sin Codigo - The Codeless Code
      7. La arquitectura de las aplicaciones Open Source - The Architecture of Open Source Applications
      8. Fundamentos de Programación - Foundations Of Programming
      9. La naturaleza del código - The Nature of Code
      10. Patrones de software - Patterns of Software
      11. Aprende Regex de la manera difícil - Learn Regex The Hard Way
      12. La pequeña introducción a la programación - The Little Introduction To Programmin 
      13. Cómo pensar como un Científico de la Computación - How to Think Like a Computer Scientist
      14. Teoría de códigos esencial - Essential Coding Theory 
      15.  Desarrollando habilidades en programación - Building Skills in Programming
      Estos han sido algunos de los libros que consideo puedes aprender a programar y que son gratuitos comentados cuales son tus libros preferidos de programacion o cual nos recomiendas.

      viernes, 5 de junio de 2015

      Uso de y beneficios de usar Nodemon con Node JS


      Uso de y beneficios de usar Nodemon con Node JS

      Node JS - Creando mi primera aplicacion Capitulo 2

      Siguiendo el ejemplo de Node JS anterior encontramos que hay un problema grave del que vamos a hablar a continuacion.

      Vamos a ejecutar nuesta aplicacion en node si no recuerda como hacerlo vean el capitulo 1 entonces al entrar en el navegador nos mostrara "Hola Mundo" hasta aqui todo va bien pero que pasa si edito el codigo


      y lo guardo por ejemplo, cambio el texto a mostrar por "Adios Mundo" y recargamos la pagina, ¡Exacto! no cambia el mensaje. Esto ocurre debido a que para aplicar los cambios Node JS necesita que reiniciemos el servidor para aplicar los cambios.

      Ahora como puedo Vigilar cualquier cambio en mis aplicaciónes Node.js sin reiniciar
      Nodemon es una utilidad que hará un seguimiento de cualquier cambio en su origen y reiniciar automáticamente su servidor. Perfecto para el desarrollo. Instalar usando la NPM.

      Sólo tiene que utilizar nodemon lugar de nodo para ejecutar su código , y ahora el proceso se reiniciará automáticamente cuando los cambios en el código . Para instalar , obtener Node.js , a continuación de su carrera de terminal:

      npm install -g nodemon

      Ahora para hacer uso de Nodemon vamos a la consola y entramos a la direccion de nuestro archivo de node js y en ves de node (archivo.js) vamos a utilizar nodemon (archivo.js). Con esto ya se aplican los cambios de Node JS sin tener que reiniciar.

      Muchas gracia por leer esta articulo y Siganos en @Rackcode y @Huixcospartan compartan en sus redes sociales

      Articulos Relacionados

      Node JS - Creando mi primera aplicacion


      Node JS - Creando mi primera aplicacion

      Creando mi primera aplicacion en Node JS

      Vamos a comenzar creando un archivo inicial llamado servidor.js, dentro de este archivo vamos a comenzar escribiendo:



      Expliquemos un poco el codigo
      La linea 1 se importa una libreria de Node JS que nos permite realizar procesos de servidor http, ahora en la linea 2 se utiliza un metodo de la libreria HTTP que como nos dice crea un servidor, entonces despues vamos a crear dentro una Funcion, que incluye 2 parametros request y servidor.

      Para que sirven los 2 Parametros Request y Servidor

      • La funcion de Request es recibir toda la informacion que es enviada a travez del navegador, por lo que request siempre se usa para solicitudes HTTP

      • La funcion de Servidor sirve como una instancia, para que se inicialice y se ponga en marcha al servidor.

      Linea 3 define en la cabecera el codigo de estado HTTP y el tipo de documento que se va a mostrar en este caso estamos diciendo queremos un texto plano, ahora en la linea 4 escribimos lo que va a ser devuelto a travez del navegador y en la linea 5 se dice que termine el servidor.

      En la linea 6 se coloca la funcion listen para indicar en que puerto es el que se va a mostrar y el lugar donde va a estar.

      Por ultimo en la linea 7 vamos a mostrar en consola un mensaje.

      Ahora vamos a probar que funcione vamos a abrir la consola y vamos a entrar a la carpeta en donde se encuentra nuestro archivo servidor.js y una vez hecho esto vamos a escribir en la consola el comando node servidor.js, Si todo salio bien nos mostrara el mensaje "El servidor se muestra en http://localhost:3000" y abrimos la direccion.

      Con esto ya hemos creado nuestra primera aplicacion en Node JS

      Muchas gracia por leer esta articulo y Siganos en @Rackcode y @Huixcospartan compartan en sus redes sociales

      lunes, 11 de mayo de 2015

      Repositorios de Github con proyectos interesantes


       

      Repositorios de Github con proyectos interesantes (Parte 1)

       

       

      Cuando uno inicia en Github hay que tener en cuenta que Github es una comunidad social de programadores donde hay diversos proyectos interesantes en los cuales podemos colaborar o elaborar una version personalizada por nosotros. Los repositorios mas comunes son los de los frameworks para lenguajes de programacion, tal es el caso de Rails, Django, Laravel, Node JS, io.js en donde hay comunidades de programadores donde crean estos frameworks como ellos creen que deberia utilizarse. 

       

      Pero hoy les mostrare algunos Repositorios de personas con plugings, proyectos web  interesantes y que tienes que seguir.

       

       

      1.- Pete R. peachananr

      Diseñador visual independiente especializada en una interfaz de usuario minimalista y un diseño de experiencia de usuario funcional para nuevas empresas .

      Repositorio -> https://github.com/peachananr
      Pagina Web -> http://www.thepetedesign.com/ 

       

      2.- Creative-Srijon

      En este repositorio encontramos algunos proyectos con Javascript uno en particular que nos ha gustado es  IconHoverEffects pero seguro que se deciden por algun otro.

      Repositorio -> https://github.com/Creative-Srijon
       

      3.- Adán Miguel Sánchez Albert

      Encontramos proyectos muy buenos en los que podemos meter mano como discourse o Multiplayer-Game-Demo revisen tal vez encuentren algo que les interese.

      Repositorio -> https://github.com/dual3nigma
       

      4.- Brian Rosner

      En este repositorio encontramos proyectos en Django

      Repositiorio -> https://github.com/brosner

       

      5.- Luis Almeida

      En este repositorio encontramos algunos proyectos interesantes tal es el caso de jPages o Unveil.js

      Repositorio -> https://github.com/luis-almeida

       

      6.- Pablo Fernandez

      En este repositorio encontramos proyectos que pueden interesarte como son Into.js o chardin.js

      Repositorio -> https://github.com/heelhook
      Pagina Web -> http://heelhook.github.com

       

      7.- Michael Malone

      En este repositorio podemos encontrar Projectos en Django

      Repositorio -> https://github.com/mmalone
      Pagina Web -> http://immike.net/

       

      8.- Victor felder 

      En este repositorio se encuentra una gran cantidad de Libros de diversos lenguajes de programacion 

      Repositorio -> https://github.com/vhf 

      https://github.com/AlonsoCampos

      Estos han sido algunos de los proyectos mas interesantes que he visto en la semana. 

      Si tienen tiempo visiten mi Github https://github.com/AlonsoCampos seguro que hay algo que pueda interesarles.

      viernes, 8 de mayo de 2015

      Creando interfaces en Titanium - Alonso Silence




      Creando interfaces en Titanium - Alonso Silence

      En este artículo les explicare detalladamente la sintaxis que tiene la plataforma de Titanium para comenzar a desarrollar aplicaciones móviles.

      20100614-77akumxmttmm69qg4cf1326yx

      Sintaxis

      Para comenzar a desarrollar debes de conocer las reglas de escritura de código y la sintaxis que debes de utilizar para su desarrollo.

      No es tan complejo hablar de declarar variables, debido a que sigues las mismas convenciones de JavaScript. Colocar la palabra reservada var a continuación del nombre que es asignado para la variable, la asignación es con el símbolo de igual (=), debido a que JavaScript no tienes que declarar explícitamente el tipo de valor que vas a utilizar para cada variable puedes colocar desde cadenas, booleanos, flotantes y numero enteros. 

      Variables
      La forma de declarar funciones es exactamente la misma utilizando la palabra reservada function seguida del nombre de la función y seguida de 2 paréntesis que pueden tener parámetros o no.
      Funciones
      Ahora vamos a pasar a crear componentes de con Titanium la estructura que se utiliza es la siguiente. En cuanto a comenzar a desarrollar aplicaciones se tiene que tomar en cuenta que se manejan objetos para crear los componentes con propiedades y funciones ya establecidas.
      Puedes consultar en su documentación oficial de Appcelerator.

      Codigo
      Code Titanium

      Conclusión

      Atrévanse a probar la desarrollar una aplicación con esta plataforma, conozcan y comiencen a hacer sus aplicaciones, ya sea para iOS o Android, seguramente llegaran a tomarle un cariño o un odio.

      github_icon
      Aquí unos ejemplos de Titatium que he desarrollado.
      https://github.com/AlonsoCampos/Titanium-Projects
      No olviden comentar, acerca de sus experiencias




      Extraido de  https://alonsosilence.wordpress.com/2014/09/10/creando-interfaces-en-titanium/

      Rackcode - Plataforma de Cursos Online


       

      Rackcode tu plataforma de educación online

      Conviértete en un experto y aprende a tu ritmo diseño, desarrollo y marketing
      de una forma rapida y sencilla con clases online disponibles las 24 horas del día.