cómo programar fácilmente

Poner los colores de Notepad++ como en los videos

2010-02-14T03:37:00.000-08:00

Hola ¿que tal están? Este post es para los que quieran seguir las clases de "Programa Ya!" escribiendo el código con los mismos colores que uso yo en las clases.

No es obligatorio poner el mismo resalte de sintaxis, pero sin duda ayudará a seguir las clases, ya que así identificaremos cada elemento del código más fácilmente mientras seguimos las clases.

Una vez que nos hemos descargado Notepad++, tenemos que configurarlo para que los colores del código coincidan con los de las clases de programación.

En primer luegar decir que Notepad++ dispone de la posibilidad de cargar skins "temas". Estos skins son los que configuran los colores del código. Por ejemplo, en las clases usamos el skin vim Dark Blue.

Para seleccionar, concretamente, el tema que usamos en el curso, tenemos que hacer lo siguiente:

Abrimos el menú Configurar [Alt+C], y elegimos la opción Configuración de estilo... [Alt+C+C]. Se nos abrirá la ventana Configurador de estilo.

En la parte superior del configurador de estilo seleccionamos el tema vim Dark Blue.

Luego, en la lista Lenguaje elegimos Javascript.

En Descripción del estilo tenemos una lista de elementos, varié el color de algunos para poner el resalte de sintaxis a mi gusto. Si quieres ponerlo como yo te dejo los datos:

NUMBER -> rojo
KEYWORD -> azul
SYMBOLS -> blanco
REGEX -> morado
WORD -> fucsia
STRINGS -> verde lima
STRINGEOL -> c. carne
COMMENTS -> naranja

Lección 2. Variables y comentarios

2010-02-12T08:43:00.000-08:00

Ya está preparada la segunda clase de programación para aplicaciones web de "Programa Ya!". En esta clase ya nos ponemos en faena para realizar nuestro primer programa informático. Aunque eso si, se trata de algo muy simple; pero todo se andará...

Nos introduciremos en las variables, la naturaleza de la información y cómo maneja el ordenador los datos que le suministramos a través del teclado. También veremos los comentarios, que sirven para hacer notas dentro del código para no perdernos.

Aquí está la clase, la segunda lección de "Programa Ya!":

Para cualquier duda, tan solo escribir en los comentarios, la responderé en un plazo de 24 a 48 horas. También se admiten sugerencias para mejorar el blog y las clases :D

Consideraciones sobre Notepad++ y JavaScript

2010-02-10T08:23:00.000-08:00

Hola, escribo este post para que los iniciados a la informática, y más concretamente a la programación, puedan tener un punto de partida para seguir el curso. En concreto, voy a hablar sobre la función que desempeña el programa Notepad y el lenguaje JavaScript en este curso de programación "Programa Ya!".

Notepad++

Notepad++ es un editor de texto, y es el que voy a utilizar para grabar las clases de programación. He elegido éste porque es gratis y la calidad que tiene es muy alta.

En el curso podrás ver que se utiliza, en la ventana donde se escribe el código, un fondo negro y una serie de colores para el texto. Los colores en el texto es necesario para aclarar el código. En este post tienes tienes la forma de poner los mismos colores que salen en las clases para Notepad++.

Para más información sobre Notepad++:

"Notepad++ es un editor de texto y de código fuente libre con soporte para varios lenguajes de programación para Microsoft Windows."

"puede convertirse en una alternativa al bloc de notas."

"implementación de navegación por pestañas, moverse entre los archivos de texto abiertos es más cómodo."
Wikipedia

JavaScript

Este es el primer lenguaje que vamos a utilizar para aprender a programar aplicaciones web. Es muy fácil de usar: tan solo tenemos que usar el Notepad++ para escribir el código y utilizar un navegador web para ver el resultado de nuestro trabajo con JavaScript.

Empezamos con este lenguaje más que nada por sus característcas, que nos ayudarán a adentrarnos en el mundo de la programación de una forma fácil. Posteriormente, iremos viendo otros lenguajes, como el SQL, que sirve para desarrollar base de datos.

"JavaScript es un lenguaje de scripting"

"Se utiliza integrado en un navegador web permitiendo el desarrollo de interfaces de usuario mejoradas y páginas web dinámicas"

"Todos los navegadores modernos interpretan el código JavaScript integrado dentro de las páginas web."
Wikipedia

Lección 1. Introducción a JavaScript

2010-02-09T04:29:00.000-08:00

Empezamos el curso de programación web con la primera lección de "Programa ya!". En esta lección tomaremos un primer contacto con el lenguaje JavaScript. El programa que usaremos para escribir el código de programación es notepad++.

Esquema

JavaScript es un lenguaje que se ejecuta en el ordenador del visitante (lenguaje cliente)
El código JavaScript se ejecuta de dos formas: en el propio documento web o en un archivo javaScript aparte.
Un archivo Javascript (extensión "js") tiene que enlazarse al documento html

Escribirme vuestras dudas en los comentarios, estaré encantado en ayudar en lo que pueda

Cómo funciona el curso de programación

2010-02-08T05:28:00.000-08:00

El curso "Programa Ya!" es un curso audiovisual, con lo que los contenidos serán en video; concretamente, los contenidos constarán de clases grabadas en tiempo real.

El profesor (yo) explicará en una pizarra virtual las lecciones correspondientes a cada lección. Para preguntarme las dudas lo que se tiene que hacer es publicar un comentario en este blog, en el post correspondiente a cada lección donde surgan las dudas.

Por ejemplo, imagina que estás viendo la clase de la lección 1, y ésta trata sobre las variables. Si te sulgiera alguna duda sobre le asunto tendrías que venir a este blog, localizar el post con el mismo título que el video en youtube y publicar un comentario con tus dudas. Yo las resolveré en un periodo de 24 a 48 horas.

Además, puedes seguir preguntándome dudas. Incluso podemos mantener una conversación estilo a un foro convencional sobre todo lo relacionado a la lección en la que te surgieron las dudas.

Para mantener dicha conversación, como seremos muchos, yo me dirigiré a cada uno al principio del comentario, escribiendo una arroba (@) seguida de el nick que estés utilizando para plantear tus dudas. De esta forma, tan solo tienes que usar la función de búsqueda de tu navegador para seguir la conversación cómodamente. Si tu nick fuera "masterprogram", tan solo poniendo en la función de búsqueda "@masterprogram" navegarías por los mensajes de nuestra conversación.

Así pues, las clases se impartirán a través de Youtube, luego para las dudas habrá que venir a este blog para plantearlas. Además, este blog también servirá para publicar una serie de blog sobre el desarrollo del curso: fechas de publicaciones de clases, manuales para sacar el mayor partido, apuntes, esquemas, y todo una serie de herramientas complementarias para sacar el máximo partido al curso.

En el menú "Etiquetas" se pondrán una serie de categorias para organizar todo el blog, a saber:

- clases de programación: post destinados a publicar el lanzamiento de una clase. Se adjuntará una imagen que llevará a la página Youtube con el video. Es en estos post donde tienes que plantear tus dudas y conversaciones.

- ayuda y Soporte: Posts dedicados a describir como funciona el curso.

- cuaderno de bitácora: Es categoria servirá para anunciar toda clase de novedades sobre el curso: nuevas implementaciones, notificaciones sobre modificaciones en la publicación de clases, aplazamientos en las publicaciones de clases, etc.

Bienvenido al blog para aprender a programar

2010-02-07T11:47:00.000-08:00

Hola, me llamo Mario y voy a publicar un curso de programación por Internet, a través de Youtube. Al ser por Youtube será audiovisual y, más concretamente, constará de clases grabadas en tiempo real de programación.

De esta manera podrás aprender a programar. He abierto este blog como soporte para recibir los comentarios de los alumnos: dudas, sugerencias, preguntas al profesor, etc.

Cada post del blog corresponderá a un video del curso, que será publicado en Youtube. A su vez, cada video del curso se corresponde con una lección del curso de programación "Programa Ya!".

Lo que me queda por ver es el tema de la limitación de 10 minutos que impone Youtuve a los videos. Creo que hay forma de que pormitan videos de más duración, ya que lo ideal serían poder subir videos de clases de programación de 15 a 20 minutos.

Se que en Google Videos no hay restricción de duración, pero tengo que usar Youtube ya que el tiempo que voy a emplear a enseñar a ti y a la gente cuesta dinero.

Así que guarda este blog en tus marcadores, en la categoría "aprendizaje, informática" o cómo te resulte más útil. Estamos en contacto...