Hay una fuente muy famosa y muy recomendada en idioma inglés a la cual refieren multitud de foristas como una de las mejores para aprender Python, su nombre es Learn Python de Hard Way. Se trata de un libro (que también tiene versión HTML) donde se nos enseña los fundamentos de la programación en Python mediante ejercicios que van paulatinamente adaptándonos al lenguaje. Aún estoy en las primeras páginas pero pues es tan tan recomendado en internet que me dio mucha curiosidad. Ya les estaré comentando acerca del librito.
lunes, 23 de junio de 2014
miércoles, 18 de junio de 2014
Aprender Python en Udacity
Estoy tomando el curso Programing Foundations wiht Python en UDACITY en el cual mediante videos vamos aprendiendo los fundamentos de la programación. Me gusta el enfoque de Udacity que enseña mediante proyectos. En python lo primero que debemos hacer es un programa que cada dos horas abra nuestro navegador y veamos nuestro video favorito. En esto consistía el reto y habia básicamente hacer el loop de manera que el video lo viéramos tres veces. Pues bien, esto es lo que yo hice:
- import time
- import webbrowser
- for x in range(0,3):
- time.sleep(10)
- webbrowser.open("https://www.youtube.com/watch?v=7kQ268Yaf9M")
Importé el módulo time(para poder contar el tiempo) y el módulo webbrowser (que abrirá nuestro navegador). Después establecí un loop for para repetir tres veces la acción. Time.sleep() hace que el programa espere x tiempo para pasar al paso siguiente. Webbrowser.open abre la dirección url que le pongamos entre las comillas.
Por cierto que el programita funciona.
Luego vi el código del programa que propuso el instructor.
- import time
- import webbrowser
- total_breaks = 3
- break_count = 0
- print("This program started on "+time.ctime())
- while(break_count < total_breaks):
- time.sleep(10)
- webbrowser.open("https://www.youtube.com/watch?v=7kQ268Yaf9M")
- break_count = break_count + 1
El instructor igual importó los mismos módulos sólo que el hizo un while loop. Si me lo preguntan mi programita es menos pesado y hace exactamente lo mismo. El video es el siguiente en ambos casos. Por cierto que para que no tengan que esperar las dos horas el programa está hecho para que el navegador se abra cada diez segundos.
Vamos a seguir adelante con el curso. Esto del programita me gustó. Buen código.
sábado, 14 de junio de 2014
JavaScript la guía definitiva I
En el post http://javascriptissexy.com/how-to-learn-javascript-properly/ nos recomiendan leer dos libros y uno de ellos es JavaScript la guía definitiva de David Flanagan. Según el plan de trabajo hay que leer la introducción y los primeros dos capítulos. Debajo hay una lista con lo más importante de esa parte del libro:
- Este libro cubre el lenguaje JavaScript y las API de JavaScript implementadas por los navegadores web.
(http://es.wikipedia.org/wiki/Interfaz_de_programaci%C3%B3n_de_aplicacionesInterfaz de programación de aplicaciones (IPA) o API (del inglés Application Programming Interface) es el conjunto de funciones y procedimientos (o métodos, en la programación orientada a objetos) que ofrece cierta biblioteca para ser utilizado por otro software como una capa de abstracción. Son usadas generalmente en las bibliotecas.)
(http://www.ddw.com.ar/blog/tecnologia-software-aplicaciones-y-servicios-web/331-que-es-y-para-que-sirve-una-api
API significa Interfaz de Programación de Aplicaciones, y su definición formal le da poca información útil a alguien que no entiende mucho de informática. Una API es una "llave de acceso" a funciones que nos permiten hacer uso de un servicio web provisto por un tercero, dentro de una aplicación web propia, de manera segura.
Ejemplos de APIs:
- Google Maps a través de su acceso a "API" nos permite ponerle datos e información útil sobre sus mapas, y presentarlos con ciertas búsquedas o funciones personalizadas, desde nuestra propia aplicación
- Paypal con su "API" nos permite hacer operaciones de pagos electrónicos usando nuestro propio sistema web, sin necesidad de acceder/operar en la web de Paypal
- Algunos Booking Engines (centrales de reservas de hoteles y tickets aereos) abren sus aplicaciones a partir de APIs para permitir que terceros re-vendan desde sus propios sistemas
- Twitter ha permitido el desarrollo de un gran número de sistemas alternativos y servicios web que operan a través de su API
- UPS y DHL (operadoras logísticas internacionales) brindan acceso a sus sistemas desde APIs, para permitirles a los sitios de comercio electrónico poder calcular el costo de envío de los productos vendidos según ciertos parámetros
- Facebook Connect cede a través del API ciertos datos para registrar automáticamente usuarios en otros sitios web, dándoles la posibilidad de registrarse y loguearse con sus propias cuentas de Facebook
API, entonces es una interfaz para dar un acceso limitado a la base de datos de un servicio web, evitando que se conozca o acceda al propio código fuente de la apliación original.
Pero no solo las APIs permiten interacciones entre diferentes sitios web, sino que también sirven para permitir a ciertas aplicaciones, programas y widgets de escritorio, acceder a los datos o procesar transacciones en la aplicación madre.)
(¿Qué es una API?
Una API (Application Programming Interface en inglés) constituye un conjunto de rutinas, procedimientos, protocolos, funciones y herramientas que una determinada biblioteca pone a disposición para que sean utilizados por otro software como una capa de abstracción. En otras palabras, es una interfaz que permite la comunicación entre distintos componentes software. Representa, entonces, un método para alcanzar abstracción a la hora de programar, en particular en la relación entre niveles superiores e inferiores del software.
De esta forma, podemos decir que una de las funciones centrales de una API es la de ofrecer un grupo de funciones generales, como sería la de dibujar uno o más íconos en la pantalla. Esto tiene como resultado principal que los programadores se vean beneficiados gracias a estas API, en la medida en que al utilizar sus funcionalidades se evitan la necesidad de programar todo desde el inicio.
Sin embargo, es cierto también que una API con un alto nivel tiende a perder flexibilidad en su uso. Así, cuando elegimos usar una API es necesario que logremos un determinado equilibrio, contemplando tanto su potencia como su simplicidad y su grado de flexibilidad.
Veamos un ejemplo de API para ilustrar mejor la explicación:
API de Youtube: permite elegir videos y ponerlos en una página web propia. Incluso es posible, con su nueva versión, deshacerse del logo de Youtube para colocar uno personal. Esto resulta particularmente interesante para cualquier medio de comunicación encargado de producir videos, ya que le permite no tener que invertir dinero en hosting. )
- JavaScript es un lenguaje de programación de alto nivel, dinámico, no tipado, interpretado, bien adaptado para la orientación a objetos y estilos de programación funcional.
(Un lenguaje de programación de alto nivel se caracteriza por expresar los algoritmos de una manera adecuada a la capacidad cognitiva humana, en lugar de la capacidad ejecutora de las máquinas. http://es.wikipedia.org/wiki/Lenguaje_de_alto_nivel)(javascript es un lenguaje dinámico por que poseé objetos dinámicos. Y... qué es un objeto dinámico?.
Un objeto dinámico es un objeto que puede cambiar la definición de sus miembros en tiempo de ejecución.
cual es la diferencia con un objeto común?
En un lenguaje orientado a objeto y con clases, los objetos son típicamente estáticos, con lo cual no podemos por ejemplo cambiar la definición de un método en tiempo de ejecución. En cambio en un objeto dinámico si podemos hacer esto.
Es importante comprender que esta característica de javascript afecta profundamente a nuestra forma de programar, ya que nunca podremos estar seguros, a priori, sobre la definición de los miembros de un objeto que recibamos como parámetro por ejemplo.
Veamos un poco de como utilizar esto en el código.
Supongamos que creamos un objeto iluminador, que posea un método prender y un miembro obj, al ejecutar el método prender, el objeto iluminador se encarga de setear el color de fondo de su objeto obj, a blanco.
http://javascriptexperts.blogspot.mx/2009/06/lenguaje-dinamico.html <= en este link viene código de ejemplo)
(En ciencias de la computación, la programación funcional es un paradigma de programación declarativa basado en la utilización de funciones aritméticas que no maneja datos mutables o de estado. Enfatiza la aplicación de funciones, en contraste con el estilo de programación imperativa, que enfatiza los cambios de estado. La programación funcional tiene sus raíces en el cálculo lambda, un sistema formal desarrollado en los años 1930 para investigar la definición de función, la aplicación de las funciones y la recursión. Muchos lenguajes de programación funcionales pueden ser vistos como elaboraciones del cálculo lambda.
JavaScript, uno de los lenguajes más ampliamente utilizados en la actualidad, también incorpora capacidades de programación funcional. http://es.wikipedia.org/wiki/Programaci%C3%B3n_funcional)
JavaScript, uno de los lenguajes más ampliamente utilizados en la actualidad, también incorpora capacidades de programación funcional. http://es.wikipedia.org/wiki/Programaci%C3%B3n_funcional)
- Para ser útil, cada lenguaje de programación debe tener una plataforma o biblioteca estándar o API de funciones para realizar cosas básicas como la entrada y salida. El núcleo del lenguaje JavaScript define una API mínima para trabajar con texto, arrays, fechas y expresiones regulares, pero no incluye ninguna funcionalidad input y output. Entrada y salida (así como las características más sofisticadas, como la creación de redes, almacenamiento y gráficos), es responsabilidad del "entorno de acogida" en el que JavaScript está incrustado. Por lo general, ese ambiente de acogida es un navegador web.
jueves, 12 de junio de 2014
JavaScript es sexy I
Buscando recursos para aprender JavaScript online encontré http://javascriptissexy.com/ en donde como un lenguaje claro e interesante, se nos explica cómo debemos aprender correctamente el lenguaje. http://javascriptissexy.com/how-to-learn-javascript-properly/ es la entrada en la que viene lo que comento y me ha gustado bastante tanto que voy a hacer un resumen de ella.
El post How to Learn JavaScript Properly está dirigido a los no programadores de Javascript o a los que por primera vez están programando. Los requisitos son los siguientes:
Duration: 6 to 8 weeks.
Prerequisite: Completed at least some high school (no programming experience necessary).
El curso nos comienza diciendo cosas importantes.
"This course outline gives you a structured and instructive roadmap on how to learn JavaScript properly and thoroughly, from absolute beginner to attainment.
You do want to learn JavaScript; it is why you are here, and you have made a wise decision, for if you want to develop modern websites and web applications (including an internet startup), you need to know JavaScript. And while there are more than enough online resources to teach you JavaScript, finding the most efficient and beneficial method to learn the “language of the web” is not easy and could be frustrating."
Y es cierto, queremos aprender JavaScript, pero a pesar de que hay más que suficientes recursos online para aprender el lenguaje, encontrar el método más eficiente y benéfico para aprender el "lenguaje de la web" no es nada fácil y puede ser frustrante. Es cierto, típicamente encuentra uno cursos que tienen buenas unas cosas pero mal otras, con enfoques distintos, con objetivos distintos. Todo esto llega a molestar mucho, sobre todo a los que como yo, les gustan las clases muy bien planeadas.
¿Cómo no aprender JavaScript? El autor nos dice lo siguiente:
- Do not try to learn JavaScript the first time from bits of unrelated or related JavaScript tutorials online—this is the worst way to learn a programming language. It could work for some after countless such tutorials, but it is an inefficient process that lacks the proper hierarchical structure needed for learning a subject matter thoroughly. And this could lead to your being stuck quite frequently, when you start to build websites and web applications with the language. In short, you will not have the know-how you need to use that language as a tool—as your tool.
- In addition, some will recommend you learn JavaScript from “JavaScript: The Good Parts,” by the venerable JavaScript godfather Douglas Crockford. While Mr. Crockford, who is immensely knowledgeable in JavaScript, is seen as the Einstein of the JavaScript world, his book, The Good Parts, is not a good JavaScript book for beginners. It does not explain JavaScript’s core concepts in a thorough, clear,easily digestible form. I do recommend you follow Crockford’s advanced videos, however, as part of the Advanced roadmap.
- And do not try to learn the language by using only Codecademy, because while you will know how to program bits of very small JavaScript tasks, you absolutely will not have learned enough to build a web applications. I do recommend Codecademy below as a supplemental learning resource, however.
Concuerdo absolutamente con el primer punto y como decía, hay tutoriales o cursos que tienen buenas unas cosas pero malas otras y tratar de pegar todo sin plan alenta mucho el progreso. Respecto al segundo punto quiero decir que esto es lo bueno de aprender de alguien con experiencia y muchas cualidades para la docencia, pues, en tanto muchos podrían recomendar tal o cual libro, aquí se nos explica por qué el libro en cuestión no es adecuado para aprender. En el último punto he de decir que yo soy fan de Codecademy pero estoy de acuerdo con el artículo ya que si bien uno podrá resolver pequeñas tareas con javascript, no existe eso que es lo más difícil de aprender online: el paso al mundo real.
CONTINUARÁ...
miércoles, 11 de junio de 2014
JavaScript: substrings
En codecademy hay un curso de JavaScript gratis que comienza un poco más fácil que el de learnstreet pero que sin embargo es más largo. Si hay un lenguaje de programación que es útil de aprender ese es JavaScript pues es el lenguaje de la web. Además es fácil una vez que le has pillado el ritmo. Bueno, aquí hay unos ejemplos de los ejercicios que vienen en el curso de JavaScript de codecademy, el cual recomiendo mucho.
More substring practice
Getting the positioning of substring letter positions is tricky! Let's make sure we really have it nailed down.
Remember that each character in a string is numbered starting from 0. So for the word "hello", The letter
h
is in position 0
, the lettere
is in position 1
, and so on.
Using
console.log
, on three separate lines, print out the substrings for the following strings.
a. "Jan" in "January"
b. "Melbourne is" in "Melbourne is great" (note the space!)
c. "burgers" in "Hamburgers"
Jan
Melbourne is
Burguer
Otro ejercicio:
6
Mex
En otra entrada le seguimos. Debo ir a recoger a alguien.
Buen código.
Codecademy tiene un espacio para la teoría de instrucciones del lado izquierdo; un espacio de trabajo en el cual nosotros apuntamos las tareas que nos piden, en el centro; y una pantalla del lazo derecho donde vemos los resultados de lo que vamos haciendo. No es en tiempo real como en Khan Academy porque nosotros le tenemos que picar aun botón para que arranque el programa.
Bueno, en el espacio de trabajo está lo siguiente. Cabe aclarar que ya he hecho las tareas que se me pidieron:
- // Use console.log( ) to print out the substrings.
- // Here is an example of the 1st to 4th letter of "JavaScript":
- // console.log("JavaScript".substring(0,4));
- console.log("January".substring(0,3));
- console.log("Melbourne is great".substring(0,12));
- console.log("Hamburgers".substring(3,10));
Jan
Melbourne is
Burguer
Como pueden ver son ejercicios sencillos pero no por eso menos útiles ya que debemos incorporar la sintaxis del lenguaje de programación para poder dominarlo.
Otro ejercicio:
- // Declare a variable on line 3 called
- // myCountry and give it a string value.
- myCountry = "Mexico";
- // Use console.log to print out the length of the variable myCountry.
- console.log(myCountry.length);
- // Use console.log to print out the first three letters of myCountry.
- console.log(myCountry.substring(0, 3) );
6
Mex
En otra entrada le seguimos. Debo ir a recoger a alguien.
Buen código.
Curso de JavaScript in learnstreet: if...else vs return y && vs ||
Sigo en https://www.learnstreet.com y esta vez les comento que estando en la etapa de estructuras de control, me pidieron una tarea que consistía en una función que tomara dos números y que si alguno de estos números era 42, o que la suma de ellos diera 42 o que la diferencia de estos diera 42, entonces apareciera true. Pues lo primero que observamos es que esto es un problema de conjuntos y que no es lo mismo la condición "y" a la condicíón "o".
Intenté usar if... else pero me di cuenta de que era erróneo. Así estaba primero mi programa:
- function find42(a, b) {
- //Code the function body below.
- if (a == 42 || b == 42 || (a + b) == 42 || (a - b) == 42 || (b - a) == 42) {
- }
- }
- //This is just for you to see what happens when the function is called
- console.log(find42(20, 22));
Me aparecía un mensaje de error.
Al final quedó así.
- function find42(a, b) {
- //Code the function body below.
- return a == 42 || b == 42 || a + b == 42 || a - b == 42 || b - a == 42
- }
- //This is just for you to see what happens when the function is called
- console.log(find42(20, 22));
true
=>
Hora de irse a dormir. Hay que descansar para tener la mente ágil.
Buen código.
Comenzar como web developer
Buscando recursos en la web de escuelas de programacón, sitios donde se aprenda a programar, programming tutorials, etcétera, me encontré con http://www.makersacademy.com/ que es "... a highly selective, 12 week full-time programme that teaches web development in London. We accept only the top applicants onto the course for a rigorous programme that culminates with the graduation day when we introduce them to London's top technology companies looking to hire entry-level developers".
Bueno, no voy a ir a Londres, pero me gustó una lista que tiene de recursos online para comenzar como web developer. Estos recursos están enfocados al Ruby on Rails. Makersacademy recomienda revisar estos recursos ya sea que te vayas a enrolar con ellos o no; son básicamente links a sitios donde se aprender a programar:
- Learn Command Line the Hard Way
- Unix for beginners
- Ruby on Codecademy
- Ruby Koans (a great resource!)
- Learn Ruby on Rails
- Ruby on Rails tutor (remote pairing with an expert developer)
- The famous Hartl's Ruby on Rails tutorial
- Official Ruby on Rails documentation
- Git Immersion tutorial
- Official Git documentation
- TryGit on CodeSchool
Los links son interesantes y aunque actualmente esté en cursos de javascript, el lenguaje ruby me gusta mucho y no está mal dar una mirada.
Etiquetas:
cursos de ruby on rails,
git tutorial,
learn to code,
programming ruby,
ruby on rails course,
ruby on rails tutorial,
tutorial ruby on rails
martes, 10 de junio de 2014
Estructuras de control en JavaScript: if...else statements
De https://www.learnstreet.com/ les pongo un nuevo ejercicio. Se trata de hacer un programa en javascript que reconozca usuario y contraseña de una persona. El usuario es "chuck" y el password es "norris"; si el usuario y el password son correctos aparecerá el mensaje welcome chuck norris! y si es incorrecto aparecerá sorry, try again. El código de este pequeño programa es el siguiente:
- function authChuckNorris(username, password) {
- var successMessage = "welcome chuck norris!";
- var failureMessage = "sorry, try again.";
- //Complete the function body below.
- if (username == "chuck" && password == "norris") {
- return successMessage
- } else {
- return failureMessage
- }
- }
- //This is just for you to see what happens when the function is called
- console.log(authChuckNorris("chuck", "norris"));
En pantalla:
welcome chuck norris
=>
Este es un programa muy básico, sin embargo tiene en sí lo básico para hacer un verdadero programa que pida usuario y password. Sin embargo estos ejercicios son necesarios para acostumbrarse a usar las estructuras de control.
Nos leemos luego. Buen código.
Etiquetas:
aprender a programa,
aprender javascript,
curso javascript,
estructuras de control,
how to code,
if else,
javascript,
learnstreet,
programa en javascript,
return,
usuario y password
JavaScript en Codecademy
Quería hacer una alusión a Codecademy ya que fue el primer sitio donde comencé en serio mis clases de programación. Pienso que la labor que hace Codecademy es muy valiosa y eso aunado a que las lecciones de todos los cursos de programación son gratis, hacen que no me quede sino reconocerle.
Codecademy es uno de esos sitios donde típicamente tenemos un entorno de trabajo y una pantalla donde podemos ver resultados. En esta escuela online de programación realicé dos cursos enteros: HTML y CSS. No seguí con el de JavaScript pues aún tenía indecisión y además ya me estaba interesando en otras escuelas como Teamtreehouse. Como sea, estoy haciendo el curso de Javascript. Iba algo adelantado en su versión en español pero como quería hablar un poco de eso comencé la versión en inglés.
Fue en Codecademy que por primera vez en mi vida no me atoré, no me dio el atorón programezco del que he hablado antes. Además de que no me atoré en los ejercicios también alcancé una racha de escribir código por un mes entero sin dejar pasar un día. Recomiendo al que quiera empezar a programar que lo haga en codecademy.
Ya iré poniendo mis avances en Codecademy a la vez que voy avanzando en learnstreet. Me voy a dormir.
Buen código.
lunes, 9 de junio de 2014
Ejercicios de JavaScript (Methods)
En learnstreet hay ejercicios un poco más complicados que en codecademy y aquí les traduzco uno de ellos en los que me tardé un poco:
En el code editor, completa la función llamada Ya hemos empezado por pasar el nombre completo a minúsculas. Sería útil usar la función
--------------------------------------
En el espacio de trabajo está lo siguiente:
ASÍ DEBER QUEDAR:
Steve Jobs
=>
-------------------------------------------------
Bueno, espero que les haya gustado la entrada.
Buen código.
"Estás haciendo un sitio web y quieres que los nombres de todos se almacenen correctamente con mayúsculas y minúsculas. La gente utiliza todo tipo de letras (mayúsculas y minúsculas) cuando introduce su nombre y apellido, como "jOhn SMIth", "anne doe", y "david Shi", por ejemplo. Tú quieres almacenar los nombres de tal modo que la primera letra del nombre y la primera letra del apellido queden en letra mayúscula y el resto del nombre y apellido en letras minúsculas, como "Amy Sue".
capitalizeName
que tome un string conteniendo el nombre completo de alguien, con el nombre y apellido separados por un espacio, como "bOb dyLan", y regrese el nombre correctamente escrito, como "Bob Dylan".capitalizeFirst
que ya habías codificada en el ejercicio anterior."--------------------------------------
En el espacio de trabajo está lo siguiente:
- function capitalizeFirst(str) {
- return str.charAt(0).toUpperCase() + str.substring(1, str.length);
- }
- function capitalizeName(name){
- //The string below contains a lower case version of name. Let's use this from now on.
- var lowerName = name.toLowerCase();
- var spaceIndex = lowerName.indexOf(' ');
- var first = lowerName.substring(0, spaceIndex);
- //Complete the function body below.
- }
- //This is just for you to see what happens when the function is called
- console.log(capitalizeName("steve jobs"));
ASÍ DEBER QUEDAR:
- function capitalizeFirst(str) {
- return str.charAt(0).toUpperCase() + str.substring(1, str.length);
- }
- function capitalizeName(name){
- //The string below contains a lower case version of name. Let's use this from now on.
- var lowerName = name.toLowerCase();
- var spaceIndex = lowerName.indexOf(' '); //para saber dónde va el espacio y que sea el límite
- var first = lowerName.substring(0, spaceIndex);//aquí tenemos el nombre
- var last = lowerName.substring(spaceIndex + 1, lowerName.length);//aquí el apellido
- //Complete the function body below.
- return first.charAt(0).toUpperCase() + first.substring(1, first.length) + " " + last.charAt(0).toUpperCase() + last.substring(1, last.length);
- }
- //This is just for you to see what happens when the function is called
- console.log(capitalizeName("steve jobs"));
Steve Jobs
=>
-------------------------------------------------
A veces no es tan fácil entender los ejercicios y la verdad le pensé un poco, pero me gusta mucho poder realizar lo que se me pide. Por cierto que la respuesta del sitio cuando acabas satisfactoriamente un ejercicio es de este tipo:
4: Capitalize Names
Summary
Yea, capitalization was the easy part. The tough part was to extract the first and last names by parsing for the space character, which you did brilliantly!
Bueno, espero que les haya gustado la entrada.
Buen código.
Etiquetas:
aplicaciones web con drupal,
aprender a programar,
course of coding,
escuela de programación online,
javascript programming,
learn how to code
domingo, 8 de junio de 2014
Comenzando en LearnStreet
He estado tomando el curso de javascript en https://www.learnstreet.com y me ha parecido bastante bueno. Es un poco parecido al de http://www.codecademy.com/ aunque tiene un nivel más alto y está mejor explicado.
Las explicaciones aparecen en el mismo entorno de trabajo. En codecademy aparecen del lado izquierdo. Aquí la sección del lado izquierdo está más completa y en el Overview se puede desplegar la teoría.
Aquí les pongo el Overview de la sección 3 correspondiente a STRINGS en javasceript:
Lesson 3: Dive
into Strings
What is a String?
A string is a sequence of characters, such as letters, numbers, or other
symbols. They are useful for storing text, website URLs, values for form
fields, and more. To create a string in JS, surround the sequence of characters
using single or double quotes. Note that if you start with a double quote, you
must end it with a double quote. Likewise if using single quotes. The reason JS
allows either to be used is that you can easily define strings that contain
single or double quotes. For example, "i'm a
string" uses double quotes so the single quote can be
used as an apostrophe. If you need to define strings that contain both single
and double quotes, you will need to escape them using the \ escape character, like 'Joe says
"I\'m OK"'.
String Properties
The length of a string is the number of characters it has. You can find out the
length of any string in JS by using the length property. It is one of the very few
properties of JS strings. To access it, use the member (aka dot) . operator on the string, like"LearnStreet".length.
String Methods
JS strings come
with many pre-defined methods. Methods are functions that belong to objects
(both functions and objects will be covered in later sections. Also, don't
worry too much about which terminology to use -- function vs. method, as the
distinction isn't usually important). So string methods are methods that you
can use on any string, using the member (dot)
.
operator, like "the
string".toUpperCase()
. Notice the parentheses after the method name. It
is used to indicate that you are "calling" (running) the function. If
the function takes inputs, you can pass them to the function by placing them
inside the parentheses. If the function accepts more than one input, you
separate the inputs by using a comma (and a space for readability). In the code "the
string".substring(0, 3)
, the 0
and 3
are arguments (values
passed to functions) for thesubstring
method. Note that
these examples use "the string"
as the sample string.
If we store that string in a variable using var myString = "the string";
, we
can call the toUpperCase
on the variable using myString.toUpperCase()
instead.
Before getting into
some of the pre-defined string methods, let's discuss indices first. You can
think of string indices as positions of the characters, except they are 0-based
in JS. Meaning the first character starts at index 0, and the last character is
at index of length - 1. For example, in the string
"Moon"
, 'M' is at index 0, the two 'o's are at indices 1
and 2, and 'n' is at index 3.
Here are some common string
functions JS provide:
- charAt(index) gets the character at the given index.Example: "LearnStreet".charAt(0); returns 'L' and"LearnStreet".charAt(5); returns 'S'.
- substring(start, end) gets the string starting at the startindex and going up to but not including the end index. If theend parameter is left out, it will return a string starting at thestart index and going to the end of the string.Example: "LearnStreet".substring(0, 5); returns "Learn" and"LearnStreet".substring(5); returns "Street".
- indexOf(value) returns the the first index of the specified character or string.Example: "LearnStreet".indexOf("e"); returns 1 because the letter 'e' first occurs at index 1.
- toUpperCase() changes all letters in the string to uppercase.Example: "LearnStreet".toUpperCase(); returns "LEARNSTREET".
Como ven está bastante completo el sitio. Me ha dejado con gran sabor de boca. Igual que en otras escuelas de programación online uno va ganando insignias y puede compartir en redes sociales sus avances.
El último tip viene al final del overview arriba mencionado y es que Mozilla tiene una lista completa de STRING METHODS que conviene ver. El link es el siguiente:
Es todo por hoy; mañana continuaremos.
Buen código.
Etiquetas:
course of coding,
curso de javascript,
curso de programación,
how to code,
javascript,
learnstreet,
length,
string methods,
substring,
toUpperCase
Suscribirse a:
Entradas (Atom)