Si eres nuevo en este rubro, probablemente no sepas que es un editor de código, así que expliquemos primero que es.

¿Qué es un editor de código?

Un editor de código es un software que cómo su nombre dice nos ayuda a editar texto, en su mayoría los editores de código cuentan con resaltado de sintaxis, autocompletado, entre otras cosas. Algunos de ellos nos permiten agregar extensiones que amplían nuestra manera de escribir código y hasta nos ayudan a ser más eficientes escribiendo código más rápido.

Mejores editores de código para el desarrollo web

Visual Studio Code

Actualmente, este es el principal editor de código para el desarrollo web, fue creado por Microsoft en el año 2015 y cuenta con resaltado de sintaxis, autocompletado, extensiones, soporte para la depuración y está disponible tanto para Windows, Linux, MacOS y hace poco también para la web.

Sublime Text

Fue inicialmente una extensión de Vim (otro editor de código), al igual que VS Code cuenta con extensiones, resaltado de sintaxis, está disponible para Windows, Linux y MacOS. Cuando lo descargas cuentas con una prueba para que lo evalúes de forma gratuita para, luego, comprar su licencia.

Vim

Vim es un editor de código un tanto peculiar, ya que no se ejecuta de manera visual, sino directamente en la terminal. Fue creado en 1991 y cuenta con resaltado de sintaxis, autocompletado y extensiones. Esta disponible para Windows, Linux y MacOS.

Brackets

Brackets es un editor de código web, cuenta con soporte para Linux MacOS y Windows, pero su principal fuerte es la web, fue creado por adobe en 2014.

WebStorm

WebStorm no es tanto un editor de código, es un IDE (Entorno De Desarrollo Integrado en inglés) pero igualmente cabe en esta lista. Fue creado por Jetbrains y se basa en el muy conocido IntelliJ IDEA, cuenta con resaltado de sintaxis, autocompletado, extensiones y pruebas unitarias de JavaScript. Está disponible para Windows Linux y MacOS. Puedes usarlo gratis con una prueba de 30 días para después comprar su licencia. También cuenta con una versión gratis para estudiantes y maestros.

Notepad++

Fue creado en 2003, cuenta con soporte para varios lenguajes de programación y cuenta con resaltado de sintaxis. Esta disponible para Windows, Linux y MacOS.

Recapitulando

Este ha sido mi recuento de los que son para mí, los mejores editores de código, espero te sirva de ayuda en tu camino como desarrollador web. Si te ha resultado útil, toma en cuenta seguirme en Twitter. Me lees en la próxima. ?

Una parte menos comentada del viaje del bootcamper es lo que sucede después de graduarse, es decir; cuando estás buscando ese puesto de desarrollador de seis cifras.

Completé Hack Reactor en julio de 2016 y tardé casi 3 meses en aceptar una oferta con Radius Intelligence. Efectué solicitudes a 291 empresas, realicé 32 entrevistas telefónicas, 16 entrevistas técnicas, 13 desafíos de codificación, asistí a 11 entrevistas presenciales y recibí solamente 8 ofertas.

Las ofertas oscilaron entre 60.000 y 125.000 dólares (anuales) en salarios de EE. UU.  Las aplicaciones iban dirigidas para puestos de desarrollador front-end o full stack. En total, solamente el 2,8% de las solicitudes se convirtieron en ofertas. Por tanto, considerando semejante escasez, aquí te comparto 5 cosas que desearía haber sabido antes de comenzar mi búsqueda de empleo.

Idea n.º 1: comunicarse con personas reales

Al principio, solicité empresas utilizando el enfoque de escopeta. Presenté mi solicitud a través de Indeed.com, AngelList, LinkedIn, StackOverflow, Hacker News, sitios web de empresas e incluso Craigslist. Enviaba un currículum para cualquier función que quisiera tener experiencia en React, Node o JavaScript.

En la primera semana, apliqué a 15 a 20 empresas por día. Consejo profesional;   encuentra empresas que utilicen un medio más fácil de aplicación. Mi rendimiento fue bajo. Menos del cinco por ciento de las empresas me respondieron. Estaba arrojando aplicaciones a un agujero negro.

Todo cambió cuando uno de mis compañeros de cohorte, un ex reclutador, compartió una guía para la búsqueda de empleo. Nos dijo que enviáramos correos electrónicos directamente a personas reales con cada aplicación. Podría ser cualquiera. Mientras alguien lo leyera. A partir de ese momento, cada vez que enviaba una solicitud, buscaba la empresa en LinkedIn y enviaba un correo electrónico a alguien de su equipo de ingeniería o de contratación.

Para la mayoría de las pequeñas empresas o ejecutivos de nivel C, el formato de correo electrónico suele ser primerNombre@dreamCompany.com. Para empresas más grandes, puede ser primerNombre.apellido@dreamCompany.com. Para verificar los correos electrónicos, utiliza Rapportive para cotejar los correos electrónicos con las cuentas de las redes sociales.

Los resultados fueron asombrosos. Con más de 150 correos electrónicos enviados, mi tasa de respuesta fue del 22 %. También se sintió genial escuchar a personas reales. Sorprendentemente, los CEO y CTO me respondieron. A veces incluso me entrevistaron ellos mismos.

Para resumir: Si estás solicitando a través de la puerta principal, asegúrate de llegar a los seres humanos.

Idea n.° 2: Comienza poco a poco y luego sigue ascendiendo

Te enfrentarás a entrevistas de nivel básico, por ejemplo; una empresa no tecnológica que necesita algún desarrollo. En este entorno, los entrevistadores no te preguntarán nada más que trivialidades de JavaScript (en gran parte debido a que su formación, en la mayoría de casos, suele ser en recursos humanos y no en desarrollo Web).

La entrevista será de nivel avanzado si el rubro de la compañía es de tecnología, por ejemplo, al nivel de Google/Facebook, donde los entrevistadores hacen preguntas difíciles sobre estructuras de datos y algoritmos.

Configuré estratégicamente mi proceso para tener entrevistas de nivel inferior antes y entrevistas de nivel superior más adelante. Al principio, gané experiencia, gané confianza y aseguré ofertas de empresas que tenían entrevistas menos intensivas. A medida que obtuve más experiencia, efectivamente "subí de nivel". Me volví capaz de completar entrevistas en empresas con barreras de contratación más altas. Esto se ilustra a continuación como una correlación lineal entre la cantidad de semanas que estuve en el proceso y el salario base que me ofrecieron.

Desbloqueé preguntas más difíciles. Desbloqueé salarios más altos. Y eventualmente, desbloqueé el trabajo que tomé.  

Tarea para tí: Planifica abordar las entrevistas más fáciles desde el principio y las más difíciles más adelante.

Idea n.° 3: Estudia como si tu futuro trabajo dependiera de ello (porque, en efecto, es así)

Es incómodo decírtelo, pero lo más importante que podrías estar haciendo en cualquier momento y lugar es estudiar y prepararte. ¿Por qué? Porque no obtendrás la oferta si no tienes buenas respuestas a las preguntas que te hacen.

Las personas no te recomendarán si no creen que estás preparado para sus entrevistas.

Al salir de Hack Reactor, mis puntos débiles eran las estructuras de datos y los algoritmos. Un estudio realizado por Triplebyte descubrió que los graduados de bootcamp son más débiles en estas áreas que los graduados en informática. Así que aprendí y practiqué. Todos los días. Dediqué días enteros a aprender algoritmos de clasificación. Otros días, me enfoqué en entender cómo funcionaba internet. Si no entendía completamente un concepto, pasaba el día viendo videos de YouTube o buscando en StackOverflow hasta que lo entendía.

Encontré útiles los siguientes materiales de estudio:

InterviewCake: Mi recurso favorito para estructuras de datos y algoritmos. Desglosa las soluciones en fragmentos paso a paso: una gran alternativa a la Entrevista de Cracking the Code (CTCI). ¡Mi única queja es que no tienen más problemas!

HiredInTech: una gran guía para preguntas de entrevistas de diseño de sistemas.

Coderust: Coderust 2.0 puede ser perfecto para tí. Por $49, obtienes soluciones en casi cualquier lenguaje de programación, con diagramas interactivos.

Reddit's How to Prepare for Tech Interviews: Constantemente usé esto como punto de referencia para saber qué tan preparado estaba.

Preguntas de entrevista de front-end: una lista exhaustiva de preguntas de front-end.

Leetcode: el recurso de referencia para preguntas sobre algoritmos y estructuras de datos. Puedes filtrar por empresa, por lo que, por ejemplo, podrías obtener todas las preguntas que Uber o Google suelen hacer.

La moraleja es la siguiente: No existe tal cosa como demasiada preparación.

Idea n.° 4: Da lo mejor de ti

Irrumpir en la industria es difícil. Tienes que desempeñarte bien, incluso cuando no estás completamente preparado. Para tener éxito, tienes que ser tu propio defensor. Venderte a ti mismo. En Hack Reactor, estamos capacitados para enmascarar nuestra inexperiencia.

En nuestras narrativas personales, omitimos deliberadamente nuestra educación en el campo de entrenamiento. ¿Por qué? De lo contrario, las empresas nos clasifican automáticamente en roles de desarrollador junior o nos etiquetan como "sin suficiente experiencia".

En una entrevista con una startup, la entrevista inmediatamente se fue al sur una vez que se dieron cuenta de que había hecho un bootcamp. Una empresa lo usó en mi contra y me hizo una oferta de 60.000 dólares, comparándola con desarrolladores junior. En última instancia, debes convencer a las empresas de que puedes hacer el trabajo. Al mismo tiempo, debes convencerte de poder hacer el trabajo.

Concéntrate en tu amor por la programación. Concéntrate en lo que has creado con React y Node. Concéntrate en demostrar tu profundo conocimiento en JavaScript y cualquier otro idioma que haya aprendido. Solo entonces puedes justificar que te den el trabajo. Es una conversación bidireccional.

La entrevista es una exploración mutua del ajuste entre un empleado y un empleador.

Si bien es tu trabajo convencer a los empleadores para que lo contraten, también es su trabajo conquistarte. Que no te avergüenza utilizar la entrevista como una oportunidad para evaluar la oportunidad laboral. Hablé con cualquier empresa, incluso si tenía el más mínimo interés. Hice presentaciones en todo el país con cualquier empresa que me invitara a salir. Hice preguntas y adquirí conocimientos sobre la organización del equipo de ingeniería, las tecnologías y herramientas utilizadas, los desafíos de la empresa y la arquitectura del sistema.

Consejo profesional: durante las entrevistas, haz las siguientes preguntas:

*¿Cuáles son algunos de los desafíos técnicos que ha enfrentado recientemente?

*¿Qué disfrutas de trabajar en la empresa X?

¿Cómo se estructuran los equipos y cómo se suelen dividir las tareas?

Tomé cada interacción como una oportunidad de aprendizaje. Cada interacción me ayudó a mejorar mi presentación, entrevista y habilidades técnicas. Cada fracaso me ayudó a encontrar mis puntos ciegos.

Consejo: ¡No te subestimes! Y recuerda, es una exploración mutua.

Idea n.° 5: Es un maratón, no un spring

El viaje no es nada fácil. Durante 3 meses, me "molía" 6 días a la semana. Pero (aun así) traté de cuidarme.

Algunos días, estudiaba con amigos. Otros días, buscaba un café y estudiaba solo, o pasaba el rato en el salón de exalumnos de Hack Reactor. Y cada semana consultaba con nuestro consejero de carrera para hablar sobre mi progreso. Es fácil quemarse durante el proceso.

Come bien, duerme y haz ejercicio. Puedes volverte solitario. Pasa tiempo con amigos que tengan tus mismos intereses en la programación.

Prepárate para el "juego largo" y asegúrate de cuidarte.

En resumen, los puntos clave son:  

1. Ponte en contacto con personas reales.

2. Empieza pequeño y escala hacia lo más alto.

3. Estudia como si tu futuro laboral dependiera de ello.

4. Pon tu mejor pie adelante.    

5. Es un maratón, no un sprint.

El proceso puede parecer interminable, pero lo vas a lograr. Sigue poniendo continuidad a las horas. Sigue enviando las solicitudes. Sigue cuidándote. Todo eso vale la pena al final.

Un agradecimiento especial a Dylan Tran, Karen Zhao, Rohit 'Sunny' Rekhi, Jake Pace, Anamita Guha, Stephanie Liu y muchos otros. Por favor, comparte esto con amigos que están pasando por el proceso de la búsqueda de empleo.

Todos tratamos con objetos de una forma u otra al escribir código en un lenguaje de programación. En JavaScript, los objetos nos proporcionan una forma de almacenar, manipular y enviar datos a través de la red.

Hay muchas maneras en que los objetos en JavaScript difieren de los objetos en otros lenguajes de programación convencionales, como Java. Trataré de cubrir eso en otro tema. Aquí, vamos a centrarnos solo en las diversas formas en que JavaScript nos permite crear objetos.

En JavaScript, piensa en los objetos como una colección de pares 'clave:valor'. Esto nos lleva a la primera y más popular forma de crear objetos en JavaScript.

Empecemos con esto.

1. Creación de objetos mediante la sintaxis literal de objetos

Esto es realmente sencillo. Todo lo que tienes que hacer es lanzar tus pares clave-valor separados por ':' dentro de un conjunto de llaves ({ }) y tu objeto está listo para ser servido (o consumido), como abajo:

const person = {
  firstName: 'testFirstName',
  lastName: 'testLastName'
};

Esta es la forma más sencilla y popular de crear objetos en JavaScript.

2. Creación de objetos con la palabra clave "new"

Este método de creación de objetos se asemeja a la forma en que se crean los objetos en los lenguajes basados en clases, como Java. Por cierto, a partir de ES6, las clases son nativas de JavaScript también y veremos la creación de objetos mediante la definición de clases hacia el final de este artículo. Así que, para crear un objeto usando la palabra clave 'new', necesitas tener una función constructora.

Aquí hay 2 maneras de utilizar el patrón de la palabra clave "new" -

a) Uso de la palabra clave "new" con la función constructora de objetos incorporada

Para crear un objeto, utilice la palabra clave new con el constructor Object(), así:

const person = new Object();

Ahora, para añadir propiedades a este objeto, tenemos que hacer algo así:

person.firstName = 'testFirstName';
person.lastName = 'testLastName';

Puede que te hayas dado cuenta de que este método es un poco más largo de escribir. Además, esta práctica no es recomendable, ya que hay una resolución de ámbito que ocurre detrás de las escenas para encontrar si la función del constructor es incorporada o definida por el usuario.

b) Uso de 'new' con función constructora definida por el usuario

El otro problema con el enfoque de usar la función constructora 'Object' resulta del hecho de que cada vez que creamos un objeto, tenemos que añadir manualmente las propiedades al objeto creado.

¿Qué pasaría si tuviéramos que crear cientos de objetos persona? Puedes imaginar el dolor ahora. Así que, para librarnos de añadir manualmente las propiedades a los objetos, creamos funciones personalizadas (o definidas por el usuario). Primero creamos una función constructora y luego usamos la palabra clave 'new' para obtener objetos:

function Person(fname, lname) {
  this.firstName = fname;
  this.lastName = lname;
}

Ahora, cada vez que quieras un objeto Person, simplemente haz esto:

const personOne = new Person('testFirstNameOne', 'testLastNameOne');
const personTwo = new Person('testFirstNameTwo', 'testLastNameTwo');

3. Uso de Object.create() para crear nuevos objetos

Este patrón es muy útil cuando se nos pide crear objetos a partir de otros objetos existentes y no utilizar directamente la sintaxis de la palabra clave 'new'. Veamos cómo utilizar este patrón. Como se indica en MDN:

El método Object.create() crea un nuevo objeto, utilizando un objeto existente como prototipo del nuevo objeto creado.

Para entender el método Object.create, basta con recordar que toma dos parámetros. El primer parámetro es un objeto obligatorio que sirve como prototipo del nuevo objeto a crear. El segundo parámetro es un objeto opcional que contiene las propiedades que se añadirán al nuevo objeto.

No vamos a profundizar en los prototipos y las cadenas de herencia ahora para mantener nuestro enfoque en el tema. Pero como punto rápido, puedes pensar en los prototipos como objetos de los que otros objetos pueden tomar prestadas las propiedades/métodos que necesitan.

Imagina que tienes una organización representada por orgObject

const orgObject = { company: 'ABC Corp' };

Y quieres crear empleados para esta organización. Claramente, usted quiere todos los objetos de los empleados.

const employee = Object.create(orgObject, { name: { value: 'EmployeeOne' } });

console.log(employee); // { company: "ABC Corp" }
console.log(employee.name); // "EmployeeOne"

4. Uso de Object.assign() para crear nuevos objetos

¿Qué pasa si queremos crear un objeto que necesita tener propiedades de más de un objeto? Objeto.assign() nos ayuda.

Como se indica en MDN:

El Object.assign() se utiliza para copiar los valores de todas las propiedades propias enumerables de uno o más objetos de origen a un objeto de destino. Devolverá el objeto de destino.

El método Object.assign() puede tomar cualquier número de objetos como parámetros. El primer parámetro es el objeto que creará y devolverá. El resto de los objetos que se le pasen se utilizarán para copiar las propiedades en el nuevo objeto. Vamos a entenderlo extendiendo el ejemplo anterior que vimos.

Supongamos que tiene dos objetos como se muestra a continuación:

const orgObject = { company: 'ABC Corp' }
const carObject = { carName: 'Ford' }

Ahora, desea un objeto empleado de 'ABC Corp' que conduzca un automóvil 'Ford'. Puede hacerlo con la ayuda de Object.assign lo siguiente:

const employee = Object.assign({}, orgObject, carObject);

Ahora, obtienes un employeeobjeto que tiene companyy carNamecomo su propiedad.

console.log(employee); // { carName: "Ford", company: "ABC Corp" }

5. Usar clases de ES6 para crear objetos

Notará que este método es similar al uso de 'nuevo' con la función de constructor definida por el usuario. Las funciones del constructor ahora se reemplazan por clases, ya que son compatibles con las especificaciones de ES6. Veamos el código ahora.

class Person {
  constructor(fname, lname) {
    this.firstName = fname;
    this.lastName = lname;
  }
}

const person = new Person('testFirstName', 'testLastName');

console.log(person.firstName); // testFirstName
console.log(person.lastName); // testLastName

Estas son todas las formas que conozco para crear objetos en JavaScript. Espero que hayas disfrutado esta publicación y ahora entiendas cómo crear objetos.

¡Gracias por su tiempo para leer este artículo!

"Si he visto más lejos que otros, es por pararme en hombros de gigantes" — Isaac Newton

En 1676, Isaac Newton habló de los grandes pensadores que le precedieron como "gigantes". Sus ideas le ayudaron a descubrir nuevas ideas propias.

345 años después, los gigantes son mucho más altos. Están por todas partes, no sólo en los libros, como en la época de Newton. Están en revistas académicas abiertas. En proyectos de código abierto. Conjuntos de datos abiertos.

Con una conexión a Internet, puedes pararte en los hombros de todos los gigantes que quieras.

Pero la mayoría de la gente no se da cuenta de todo lo que vería si se molestara en subir. La mayoría de la gente piensa que puede ver lo suficiente desde donde ya está parado. La subida no parece que valga la pena.

Antes de pararte en los hombros de gigantes, hay que aceptar que no ves todo. Tienes que reconocer lo mucho que hay ahí fuera y que solo esos gigantes pueden mostrarte.

Ubuntu

"Soy lo que soy por lo que somos todos." — Traducción al español de la palabra Zulú "Ubuntu"

Incluso en la oscuridad de la prehistoria humana, empezamos a descubrir algunas cosas interesantes.

Comenzaron a surgir los gigantes, montados en la tradición oral. Luego los libros.

Hemos acumulado conocimientos sobre conocimientos. Y los gigantes crecieron.

A lo largo de los eones, descubrimos algunas ideas muy buenas y construimos algunas cosas muy buenas. Cosas que valen la pena usar.

Pero cada día, miles de personas ignoran estas cosas. Dicen: "Ya sé, voy a construir esta nueva cosa desde cero".

Y se embarcan en un costoso viaje para construir sus sueños desde cero.

Gastamos mucho dinero en software. Alrededor del 60% de los 2.5 billones de dólares que gastamos en tecnología cada año se destina al desarrollo de software y a los servicios de consultoría de software.

Eso es un billón y medio de dólares. Suficiente para adquirir Instagram 1,500 veces. Cada año.

Y no siempre obtenemos el valor de nuestro dinero.

No inventado aquí (Not invented here)

Los humanos tenemos un exceso de confianza. Creemos que podemos reinventar la rueda y que nuestra versión será mejor.

Quién sabe, tal vez la rueda pueda mejorarse. Pero si tratamos de diseñar algo más complicado, como un coche, ¿realmente queremos pasar todo el tiempo reinventando ruedas?

Está en nuestra naturaleza querer construir las cosas nosotros mismos.

Nos encantan los productos integrados verticalmente, como los Ferraris, los Rolex y los iPhones.

Admiramos el trabajo artesanal que se realiza en cada detalle.

Nos maravilla cómo el diseño, la fabricación y la distribución fluyen juntos en un proceso controlado.

Y también queremos toda esa pila para nosotros.

Pero al hacerlo, caemos presa de una mentalidad paralizante llamada "No inventado aquí".

"El síndrome 'No inventado aquí' es la tendencia de un grupo de proyecto a creer que posee el monopolio del conocimiento de su campo, lo que le lleva a rechazar nuevas ideas de personas ajenas a él, en probable detrimento de su rendimiento." — Ralph Katz y Thomas J. Allen, de la Sloan School of Management del MIT

Aquí está el PDF del artículo más citado sobre Not Invented Here (publicado originalmente en 1982), por si quieres informarte sobre la gravedad de sus conclusiones.

Lo que no dice este documento es que, 39 años después, seguimos cayendo en el mismo sesgo cognitivo de siempre.

Un ejemplo reciente de No inventado aquí es la plataforma de cursos en línea Swayam, de la India. Podrían haberse limitado a construir sobre la plataforma de cursos de código abierto de edX de forma gratuita. Decenas de otras organizaciones lo hicieron, incluida la popular plataforma china XuetangX.

En su lugar, Swayam gastó 6 millones de dólares en construir una plataforma propia. Y gastarán millones más en los próximos años para mantener esta solución personalizada.

Puede que no parezca mucho dinero, pero pon esa cifra en el contexto de los 30 millones de dólares que se presupuestaron para pagar a los profesores que crearon los cursos. Y esto también retrasó su fecha de lanzamiento en dos años.

No inventado aquí comienza de forma bastante inocente...

"¿Por qué deberíamos usar WordPress para nuestro blog? Los blogs no son difíciles. Construyamos nuestro propio CMS".

Entonces la gente se pone más atrevida y empieza a pensar...

"¿Por qué deberíamos usar Sugar CRM para hacer un seguimiento de los donantes? El seguimiento de los donantes no es difícil. Construyamos nuestro propio CRM".

Lo que sólo anima a la gente a proponer cosas como:

"¿Por qué deberíamos usar AWS? La nube no es difícil. Construyamos nuestro propio centro de datos e implementemos nuestra propia nube privada".

Si no se controla, esta mentalidad puede conducir a proyectos como HealthCare.gov, un proyecto de 90 millones de dólares que acabó costando 1,700 millones a los contribuyentes estadounidenses.

Yo fui uno de los millones de personas que perdieron horas de su vida intentando contratar un seguro médico, sólo para verme frustrado por errores de JavaScript y servidores que no responden.

En medio del colapso de Healthcare.gov, tres desarrolladores de San Francisco decidieron tomar algunos componentes disponibles. Integraron algunas APIs públicas. Construyeron partes importantes de la funcionalidad de Healthcare.gov. Y lo hicieron en unas pocas semanas, por unos pocos cientos de dólares.

Una historia de pararse en los hombros de gigantes. La mía.

Hace siete años, quise crear una comunidad en la que las personas ocupadas pudieran aprender a programar juntas.

Acababa de pasar 18 meses construyendo una enorme solución a la medida: un motor de recomendación de cursos que resultó que nadie quería usar.

Así que decidí ir en la dirección opuesta. Escribiría tan poco código como fuera necesario y me centraría en utilizar el código de otras personas.

¿Qué necesitaba la comunidad?

1. Una forma de comunicarse entre sí
2. Un blog en el que todos pudieran compartir sus ideas e historias personales
3. Un plan de estudios y una forma de seguir el progreso de las personas a través de él

El viejo "no inventado aquí" de mí habría hecho lo siguiente:

1. Construí una sala de chat usando web sockets, luego construí las herramientas de moderación, varias integraciones de API, y descubrí una buena manera de persistir los mensajes a través de las sesiones.
2. Construí un blog desde cero, me ocupé de cuestiones de diseño como la legibilidad, el etiquetado, la incrustación y las funciones básicas que la gente espera, como RSS.
3. Construí un CMS personalizado para los retos de programación interactivos, luego construí el sistema de perfiles, y después diseñé e implementé un plan de estudios de programación básico.

Este último paso probablemente me habría llevado años hacerlo por mi cuenta.

Y antes de que me digas "en estos tiempos, nadie es tan tonto como para crear su propio blog"... pues parece que yo sí lo fui, porque pasé unos días haciéndolo. Unos días que nunca recuperaré.

Pero esto es lo que el nuevo yo — recién salido de un descenso de 18 meses al infierno de no inventado aquí — decidió hacer.

En ese momento no conocía Node.js. Pero conocía a gente inteligente que me convenció de que el full Stack JavaScript era el futuro.

También conocía el Hackathon Starter, un popular boilerplate de Node.js de código abierto. Así que hice un fork de él.

Como me había pasado los últimos 18 meses recopilando, auditando y clasificando miles de cursos en línea, sabía cuáles eran los que mejor cubrían la programación y la informática. Así que, en lugar de diseñar un plan de estudios, he seleccionado los recursos existentes.

Para la sala de chat, sólo usé HipChat. Para el blog, sólo usé Blogger.

Y en 3 días, la nueva comunidad estaba en marcha.

Es difícil predecir cómo evolucionará una solución con el tiempo. Se aprende mucho cuando se manda a producción la maldita cosa.

Si empiezas inmediatamente a utilizar soluciones estándar, puedes cambiarlas más tarde y ajustar las cosas sobre la marcha.

Con el tiempo, nuestra comunidad ha hecho miles de pequeños ajustes basados en los comentarios. También hemos trasladado nuestras salas de chat a Gitter y el blog de nuestra comunidad a Medium.

Una vez que tuvimos una masa crítica de colaboradores de código abierto, nos pusimos a trabajar en el diseño e implementación de nuestro propio plan de estudios de 1,200 horas.

Hoy, más de 5,000 personas de nuestra comunidad han aprendido a programar lo suficientemente bien como para conseguir sus primeros trabajos de desarrollador.

Pero si no me hubiera resistido a mis tendencias de "No inventado aquí", nunca habría conseguido que las cosas despegaran.

Cómo pararte en los hombros de gigantes

Te dejo con tres sencillos consejos para aprovechar al máximo los miles de años de conocimientos que tienes a tu alcance.

Consejo #1: Aprende a reconocer el "No inventado aquí" en ti mismo y en los demás.

Aceptar que está en nuestra naturaleza querer construir cosas por nosotros mismos. El lado luminoso de esto es un aficionado que construye sus propios muebles. El lado oscuro es un desarrollador que lanza su propia seguridad.

Consejo #2: Conoce las herramientas que existen.

La forma más fácil de entender qué tipos de herramientas están disponibles es seguir haciendo lo que estás haciendo ahora mismo: leer sobre tecnología.

La mayoría de los principales proyectos de código abierto están en GitHub, donde puedes ver su documentación. Puedes desplegar muchas de estas herramientas en minutos en tu propio servidor en la nube.

Consejo #3: Lee sobre historia.

Seguro que tu profesor de historia de la preparatoria te citó esto, y tenía razón:

"Los que no leen sobre historia están condenados a repetirla". — George Santayana en 1905

Hay muchos libros excelentes sobre la historia de la tecnología. Recomiendo este de Walter Isaacson, el mismo que escribió las famosas biografías de Albert Einstein y Steve Jobs. Trata específicamente de la historia del software:

The Innovators: How a Group of Hackers, Geniuses, and Geeks Created the Digital Revolution

Los gigantes están deseando subirte a sus hombros. Déjalos. Te darán una visión de cuántos problemas hay todavía ahí fuera, esperando que vayas a resolverlos.

Sólo escribo sobre programación y tecnología. Si me sigues en Twitter no te haré perder el tiempo. ?

Netlify hace que sea muy fácil alojar tus sitios estáticos de forma gratuita. Recientemente migre mi portafolio de un VPS a ellos, y es genial que actualicen automáticamente tu sitio cada vez que se realiza un cambio en el repositorio de GIT.

Anteriormente, todos mis proyectos personales también estaban alojados en subdirectorios, p. Ej. www.glynlewington.com/project. Esto es difícil o imposible con Netlify. Netlify está configurado principalmente para que alojes todo en un sitio desde un repositorio de GIT.

El compromiso que asumí fue alojarlos en subdominios, como project.glynlewington.com. Esto tampoco está muy bien documentado, pero es posible.

• Ve a www.netlify.com e inicia una sesión o regístrate.
• Selecciona “New site from git”.
• Elije tu proveedor (ej. GitHub) — Es posible que aquí tengas que autenticarte.
• Selecciona el repositorio de GIT del cual deseas crear un sitio.
• Selecciona la rama desde la que deseas realizar el despliegue.
• Elije los comandos que necesites ejecutar. — Si se trata de una aplicación en React, deberás ejecutar un comando de compilación.
• Elije el directorio desde el que publicaras. — Si es una aplicación React, probablemente la carpeta sea build/dist.
• Selecciona “Build Site”.

En este momento, deberías tener una aplicación que funcione alojada en un dominio gratuito de Netlify, como https://hungry-bose-fb0e6d.netlfiy.com. Si esto no funciona, verifica que no haya errores con el proceso de compilación y corrígelos si hay algunos.

Ahora para configurar un dominio personalizado.

• Ve a la descripción general de tu aplicación en Netlify.
• Dirá que tu sitio realizó el despliegue correctamente y que puedes configurar un dominio personalizado.
• Haz clic en configurar un dominio personalizado, escribe el dominio que desees, incluyendo el subdominio, y haz clic en verificar. Por ej. project.glynlewington.com.

A continuación, inicia sesión en tu proveedor de dominios. Yo uso Cloudflare, pero sera igual o similar usando otros.

• Ve a la configuración de DNS.
• Selecciona un nuevo registro CNAME.
• Ingresa un "Nombre": este es el subdominio, debe ser el mismo que seleccionaste anteriormente en Netlify. Por ej. proyecto
• En “IPv4 Address” ingresa el dominio gratuito para tu sitio en Netlify. Por ej. hungry-bose-fb0e6d.netlify.com.
• Si usas Cloudflare, desactiva el enrutamiento del tráfico a través de Cloudflare. Esto causa problemas con Netlify.
• Agrega el registro.

¡Listo! Una vez realizado todo este proceso, podrá acceder a su sitio a través del subdominio.

Netlify también agregara automáticamente el protocolo HTTPS a su sitio, no hay necesidad de preocuparse por esto.

Traducido del artículo de Glyn Lewington -How to host a Git repository on a subdomain with Netlify

A continuación hay una lista de algunos sitios web populares de desafíos de programación con una breve descripción de lo que ofrece cada uno.

1. TopCoder

TopCoder es una de las plataformas originales de programación competitiva en línea. Proporciona una lista de desafíos algorítmicos que puedes completar por tu cuenta directamente en línea usando tu editor de código. Los partidos más populares de ronda individual se ofrecen un par de veces al mes en un momento específico en el que compiten contra otros para resolver desafíos más rápido con la mejor puntuación.

Los usuarios mejor clasificados en TopCoder son muy competitivos y participan regularmente en competencias de programación. El usuario mejor clasificado mantiene su propio blog titulado Algorithms weekly by Petr Mitrichev donde escribe sobre competencias de programación, algoritmos, matemáticas y más.

2. Coderbyte

Coderbyte proporciona más de 200 desafíos de programación que puedes resolver directamente en línea en uno de los 10 lenguajes de programación (mira este ejemplo). Los desafíos van desde fáciles (encontrar la palabra más grande en una cadena) a difíciles (imprimir la máxima cardinalidad de un gráfico).

También proporcionan una colección de tutoriales de algoritmos, vídeos introductorios y cursos de preparación para entrevistas. A diferencia de HackerRank y otros sitios web similares, puedes ver las soluciones que otros usuarios proporcionan para cualquier desafío, además de las soluciones oficiales publicadas por Coderbyte.

3. Project Euler

El Proyecto Euler proporciona una gran colección de desafíos en el dominio de la informática y las matemáticas. Los desafíos normalmente implican escribir un pequeño programa para encontrar la solución a una fórmula matemática ingeniosa o ecuación, como encontrar la suma de los dígitos de todos los números que preceden a cada número en una serie.

No se puede codificar directamente en el sitio web en un editor, por lo que se necesitaría escribir una solución en tu propio equipo y luego proporcionar la solución al sitio web.

4. HackerRank

HackerRank proporciona desafíos para varios dominios diferentes como los algoritmos, las matemáticas, SQL, la programación funcional, la IA y más. Puedes resolver todos los desafíos directamente en línea (mira este ejemplo). Proporcionan una discusión y un tablero de líderes para cada desafío, y la mayoría de los desafíos vienen con un editorial que explica más sobre el desafío y cómo abordarlo para llegar a una solución. Aparte del editorial, no puedes ver actualmente las soluciones de otros usuarios en HackerRank.

HackerRank también ofrece a los usuarios la posibilidad de enviar solicitudes y postularse a puestos de trabajo resolviendo los desafíos de codificación patrocinados por la empresa.

5. CodeChef

CodeChef es un sitio web de competencias de programación con base en la India que ofrece cientos de desafíos. Puedes escribir código en el editor en línea y ver una colección de desafíos que están separados en diferentes categorías dependiendo de tu nivel de habilidad (mira este ejemplo). Tienen una comunidad grande de programadores que contribuyen a los foros, escriben tutoriales y participan en los concursos de programación de CodeChef.

6. Exercism.io

Exercism es un sitio web de desafíos de programación que ofrece más de 3100 desafíos que abarcan 52 lenguajes de programación diferentes. Después que elijas un lenguaje que te gustaría dominar, abordaras los desafíos de programación directamente en tu máquina (Exercism tiene su propia interfaz de línea de comandos que puedes descargar de GitHub).

Sin embargo, es un poco diferente de otros sitios web de desafíos, porque trabajas con un mentor después de completar cada desafío. El mentor revisa tus respuestas en línea y te ayuda a mejorarlas si es necesario. Una vez que tus respuestas han sido aprobadas y enviadas, desbloqueas más desafíos.

7. Codewars

Codewars ofrece una gran colección de desafíos de programación presentados y editados por su propia comunidad. Puedes resolver los desafíos directamente en línea en su editor en uno de varios lenguajes. Puedes ver una discusión para cada desafío así como la solución de los usuarios.

8. LeetCode

LeetCode es un popular juez en línea que proporciona una lista de más de 190 desafíos que pueden ayudarte a prepararte para entrevistas de trabajo técnicas. Puedes resolver los desafíos directamente en línea en uno de los 9 lenguajes de programación. No puedes ver las soluciones de otros usuarios, pero se te proporcionan estadísticas de tus propias soluciones, como por ejemplo la rapidez con la que tu código se ejecutó en comparación con el de otros usuarios.

También tienen una sección de entrevistas de prueba que es específicamente para la preparación de entrevistas de trabajo, organizan sus propios concursos de programación y tienen una sección de artículos para ayudarte a entender mejor ciertos problemas.

9. SPOJ

Sphere Online Judge (SPOJ) es un juez en línea que proporciona más de 20 mil desafíos de programación. Puedes enviar tu código en un editor en línea. SPOJ también organiza sus propias competencias y tienen un área para que los usuarios discutan los desafíos de programación. Sin embargo, actualmente no proporcionan ninguna solución oficial o editorial como lo hacen otros sitios web.

10. CodinGame

CodinGame es un poco diferente de los otros sitios web, porque en lugar de resolver simplemente los desafíos de programación en un editor, en realidad participas en la escritura del código de los juegos que juegas directamente en línea. Puedes ver una lista de los juegos que se ofrecen actualmente aquí y un ejemplo de uno aquí. El juego viene con una descripción del problema, casos de prueba y un editor donde puedes escribir tu código en uno de los más de 20 lenguajes de programación.

Aunque este sitio web es diferente a los típicos sitios web de programación competitiva como los mencionados anteriormente, sigue siendo popular entre los programadores que disfrutan resolviendo desafíos y participando en competencias.

Esta lista se basó en pocas cosas: mis propias experiencias en el uso de los sitios web, algunas búsquedas en Google, publicaciones de Quora, y artículos como éste y éste. También frecuenté algunos foros y subreddits como r/learnprogramming para ver qué sitios web eran usualmente recomendados por los usuarios allí. Descargo (disclaimer): Trabajo en Coderbyte que es uno de los sitios web mencionados anteriormente

Traducido del artículo de Daniel Borowski - The 10 Most Popular Coding Challenge Websites.

A continuación se muestra una lista de algunos sitios web populares de desafíos de programación con una breve descripción de lo que ofrece cada uno.

1. TopCoder

TopCode es una de las plataformas originales para la programación competitiva en línea. Proporciona una lista de retos algorítmicos del pasado que puedes completar por tu cuenta directamente en línea usando su editor de código. Sus populares Partidos de Una Sola Ronda se ofrecen varias veces al mes en un momento específico en el que compites contra otras para resolver los desafíos más rápido con la mejor puntuación.

Los usuarios mejor clasificados en TopCoder son muy buenos programadores competitivos y compiten regularmente en concursos de programación. El usuario mejor clasificado mantiene su propio blog titulado Algorithms weekly by Petr Mitrichev donde escribe sobre competencias de programación, algoritmos, matemáticas y más.

2. Coderbyte

Coderbyte proporciona más de 200 retos de programación que puedes resolver directamente en línea en uno de 10 lenguajes de programación (mira este ejemplo). Los retos van desde fáciles (encontrar la palabra más grande en una cadena) a difíciles (imprimir la máxima cardinalidad de un gráfico).

También proporcionan una colección de tutoriales de algoritmos, videos introductorios y cursos de preparación para entrevistas. A diferencia de HackerRank y otros sitios web similares, puedes ver las soluciones que otros usuarios proporcionan para cualquier desafío, además de las soluciones oficiales publicadas por Coderbyte.

3. Project Euler

Project Euler proporciona una gran colección de desafíos en el dominio de la informática y las matemáticas. Los desafío típicamente implican escribir un pequeño programa para encontrar la solución a una fórmula o ecuación matemática inteligente, como encontrar la suma de los dígitos de todos los números que preceden a cada número de una serie.

No se puede programar directamente en el sitio web en un editor, por lo que se necesitaría escribir una solución en tu propia computadora y luego proporcionar la solución en tu sitio web.

4. HackerRank

HackerRank proporciona desafío para varios dominios diferentes como los algoritmos, las matemáticas, SQL, la programación funcional, IA y más. Puedes resolver todos los desafío directamente en línea (mira este ejemplo). Proporcionan un espacio de discusión y un tablero de líderes para cada desafío, y la mayoría de los desafíos vienen con un editorial que explica más sobre el desafío y ceomo abordarlo para llegar a una solución. Aparte del editorial, no puedes ver actualmente las soluciones de otros usuarios en HackerRank.

HackerRank también ofrece a los usuarios la posibilidad de enviar solicitudes y postularse a puestos de trabajo resolviendo los desafío de programación patrocinados por la empresa.

5. CodeChef

CodeChef es un sitio web de programación competitiva con base en la India que ofrece cientos de desafíos. Puedes escribir código en su editor en línea y ver una colección de desafío que están separados en diferentes categorías dependiendo de tu nivel de habilidad (mira este ejemplo). Tienen una gran comunidad de programadores que contribuyen a los foros, escriben tutoriales y participan en las competencias de programación de CodeChef.

6. Exercism.io

Exercism es un sitio web de desafíos de programación que ofrece más de 2100 desafío que abarcan 52 lenguajes de programación diferentes. Después de elegir un lenguaje que te gustaría dominar, abordas los retos de programación directamente en tu máquina (Exercism tiene su propia interfaz de línea de comandos que puedes descargar de GitHub).

Sin embargo, es un poco diferente a otros sitios web de desafíos, porque trabajas con un mentor después de completar cada desafío. El mentor revisa tus respuestas en línea y te ayuda a mejorarlas si es necesario. Una vez que tus respuestas han sido aprobadas y enviadas, desbloqueas más desafío.

7. Codewars

Codewars ofrece una gran colección de desafío de programación presentados y editados por su propia comunidad. Puedes resolver los desafíos directamente en línea en su editor en uno de varios lenguajes. Puedes ver una discusión para cada desafío así como las soluciones de los usuarios.

8. LeetCode

LeetCode es un popular Juez en Línea que proporciona una lista de más de 190 desafíos que pueden ayudarte a prepararte para entrevistas de trabajo técnicas. Puedes resolver los desafío directamente en línea en uno de los 9 lenguajes de programación No puedes ver las soluciones de otros usuarios, pero se te proporcionan estadísticas de tus propias soluciones, como por ejemplo, la rapidez con la que tu código se ejecutó en comparación con el de otros usuarios.

También tienen una sección de Entrevistas de Prueba (Mock Interviews) que es específicamente para la preparación de entrevistas de trabajo, organizan sus propios concursos de programación y tienen un sección de artículos para ayudarte a entender mejor ciertos problemas.

9. SPOJ

Sphere Online Judge (SPOJ) es un juez en línea que proporciona más de 20k desafíos de programación. Puedes presentar tu código en un editor en línea. SPOJ también organiza sus propios concursos y tiene un área para que los usuarios discutan los desafíos de programación. Sin embargo, actualmente no proporcionan ninguna solución oficial o editorial como lo hacen otros sitios web.

10. CodinGame

CodinGame es un poco diferente de los otros sitios web, porque en lugar de resolver simplemente los desafíos de programación en un editor, en realidad participas en la escritura del código de los juegos que juegas directamente en línea. Puedes ver una lista de los juegos que se ofrecen actualmente aquí y un ejemplo de uno aquí. El juego viene con una descripción del problema, casos de prueba y un editor donde puedes escribir tu código en uno de los más de 20 lenguajes de programación.

Aunque este sitio web es diferente a los típicos sitios web de programación competitiva como los mencionados anteriormente, sigue siendo popular entre los programadores que disfrutan resolviendo desafíos y participando en concursos.

Esta lista se basó en algunas cosas: mis propias experiencias en el uso de los sitios web, algunas búsquedas en Google, publicaciones de Quora y artículos como éste y éste. También frecuenté algunos foros y subreddits como r/learnprogramming para ver qué sitios web eran usualmente recomendados por los usuarios allí. Aviso: Trabajo en Coderbyte que es uno de los sitios web mencionados anteriormente.

Traducido del artículo de Daniel Borowski's - The 10 Most Popular Coding Challenge Websites [Updated for 2020]