Share
Bueno, 2012 ha llegado a su fin. A lo largo del año se publicaron una gran cantidad de excelentes tutoriales y artículos, tanto aquí en Nettuts + como en otros lugares de la web. Para documentar el año, compilé una lista de sesenta de los mejores tutoriales, mes a mes. Es probable que encuentres algunos que te perdiste en el camino.!
A veces, es fácil sentirse abrumado por lo mucho que hay que aprender en esta industria. Si jQuery está en su lista personal de "necesita aprender pronto", consulte el curso de Jeffrey Way "Aprenda jQuery en 30 días". Si le das quince minutos al día durante el próximo mes, te ayudará a convertirte en un profesional de jQuery, y es gratis.!
.Los archivos htaccess se utilizan para configurar Apache, así como para una variedad de otros servidores web. A pesar de la extensión de tipo de archivo .htaccess, son simplemente archivos de texto que se pueden editar utilizando cualquier editor de texto. En este artículo, revisaremos qué son y cómo puede usarlos en sus proyectos..
Busque las características HTML5, CSS3, etc., sepa si están listas para su uso y, si es así, averigüe cómo debe usarlas, ya sea con rellenos de plástico, de reserva o como están..
Antes de explorar cualquier marco de JavaScript que ayude a estructurar aplicaciones, puede ser útil obtener una comprensión básica de los patrones de diseño arquitectónico. Los patrones de diseño son soluciones comprobadas para problemas de desarrollo comunes y pueden sugerir paradigmas estructurales para ayudarnos a guiarnos a agregar alguna organización a nuestra aplicación.
Steve Souders analiza el impacto de la velocidad del sitio web en los usuarios que proporcionan consejos para crear aplicaciones HTML5 de alto rendimiento.
Las promesas son una característica interesante de jQuery que facilita la administración de eventos asíncronos. Le permiten escribir devoluciones de llamada más cortas y claras y mantener la lógica de la aplicación de alto nivel separada de los comportamientos de bajo nivel. Una vez que entienda Promesas, querrá usarlas para todo, desde las llamadas AJAX hasta el flujo de UI. Es una promesa!
He estado recibiendo mucho esta pregunta: "¿cómo conseguiste que tu terminal se vea como se ve?" Si has notado mi terminal y tienes curiosidad acerca de cómo lo configuré, ¡este es el tutorial para ti! Por supuesto, lo que aprendas aquí será suficiente para comenzar a crear tu propio símbolo de comando personalizado, también!
En este artículo, revisaremos el proceso de uso de JavaScript, desde una perspectiva basada en MVC, para manipular el DOM. Más específicamente, diseñaremos nuestros objetos JavaScript, sus propiedades y métodos, y sus instancias paralelas al comportamiento previsto de nuestras Vistas (lo que el usuario ve).
He estado usando SASS para casi todo lo que hago recientemente. Aquí hay algunas reflexiones sobre el viaje. Desde los atracos, hasta los tropiezos, los desvíos. Desde aplicaciones y equipos hasta flujos de trabajo y sintaxis..
Accentsconagua
getUserMedia
getUserMedia es una API que da acceso a una página web a la cámara y el micrófono de un usuario a través de JavaScript. Es compatible con Opera 12 y Opera Mobile 12 para Android, y WebKit en Chrome Canary builds (instrucciones). Al igual que muchas otras API, no es parte de la especificación "real" de HTML5. Comenzó la vida como el HTML5.
En este tutorial, veremos cómo construir un administrador de contactos completamente funcional utilizando Backbone.js, Underscore.js y jQuery. Echaremos un vistazo a los componentes básicos que hacen que Backbone funcione, así como a algunos de los métodos de conveniencia expuestos por el guión bajo. (Ver toda la sesión).
En este tutorial, demostraré cómo crear fotos antiguas (como lo hace Instagram) con PHP e ImageMagick. ¿Espere? ¿Qué? Sí, puedes hacer esto con PHP e ImageMagick, y eso es simplemente rascar la superficie!
ECMAScript 5 introdujo el modo estricto a JavaScript. La intención es permitir que los desarrolladores opten por una versión "mejor" de JavaScript, donde algunos de los errores más comunes y graves se manejan de manera diferente. Por un tiempo, fui escéptico, especialmente con un solo navegador (Firefox) que inicialmente admitía el modo estricto. Avanzando al día de hoy, todos los principales navegadores admiten el modo estricto en su última versión, incluidos Internet Explorer 10 y Opera 12. Es hora de comenzar a utilizar el modo estricto.
Aquí está el problema: cuando cargue JavaScript de un tercero, debe hacerlo de forma asíncrona. Es posible que también desee cargar sus propios scripts de forma asíncrona, pero para este artículo centrémonos en terceros.
La premisa de los prefijos hace demandas poco realistas sobre cómo los desarrolladores mantienen los sitios. Hay mucha conversación sobre cómo hacer que los prefijos funcionen (cambiando la política), pero creo que ya están en desacuerdo con el flujo de trabajo del desarrollador.
Los cierres a menudo son vistos como un arte arcano en la tierra de JavaScript. Una vez dominados, te permiten escribir un JavaScript realmente sorprendente. Este artículo te pondrá al día sobre la magia de los cierres de JavaScript.
Si está trabajando en un proyecto grande, sin duda tendrá un script de compilación o un montón de scripts de tareas para ayudar con algunas de las partes repetitivas del proceso. Puede usar Ant o Rake, dependiendo del idioma en el que esté escrito el proyecto. ¿Pero qué usa si el proyecto es principalmente JavaScript? Ese es el problema que Ben Alman se propuso resolver cuando creó a Grunt..
Estoy bastante seguro de que no sorprenderé a nadie aquí diciendo que los sprites de CSS han existido desde hace bastante tiempo, alzando sus cabezas un tanto controvertidas en la esfera del desarrollo web desde el año 2003..
A medida que el panorama web se vuelve cada vez más complejo, se vuelve extremadamente importante ofrecer experiencias web sólidas a un número creciente de contextos. Afortunadamente, el diseño web sensible proporciona a los creadores web algunas herramientas para realizar diseños que responden a cualquier tamaño de pantalla. Usaremos cuadrículas fluidas, imágenes flexibles y consultas de medios para lograr que el diseño se vea excelente sin importar el tamaño de las dimensiones de la pantalla del dispositivo.
Escribí un README el otro día para un proyecto que espero que otros desarrolladores vean y aprendan, y mientras lo escribía, me di cuenta de que era el tipo de cosa que podría haberme intimidado muchísimo. Hace un par de años, con sus menciones ocasionales de Node, npm, Homebrew, git, tests y desarrollo y producción de componentes..
Muchos desarrolladores web utilizan SSH ("Secure Shell") a diario para administrar sus servidores, hacer copias de seguridad de los archivos, trabajar de forma remota y muchas otras tareas. Hoy, explicaré qué es SSH, hacer una breve revisión de la historia y, por último, enseñarle cómo configurarlo en su servidor remoto o incluso en su red local. Empecemos!
Durante ocho meses, tuve la oportunidad de realizar una pasantía en el equipo YUI en Yahoo, mientras completaba mi título de ingeniero. Hoy, me gustaría compartir las diez cosas principales que aprendí de mi experiencia con YUI.
Construir una gema solía ser una tarea compleja que requeriría un conocimiento preciso del formato de gema, o algunas herramientas dedicadas para generar una placa de preparación adecuada. En estos días, podemos usar el excelente Bundler para eliminar esta complejidad y mantener la cantidad de código generado al mínimo.
Hemos cubierto el API de PDO de PHP un par de veces aquí en Nettuts +, pero, en general, esos artículos se enfocaron más en la teoría y menos en la aplicación. ¡Este artículo arreglará eso! Para decirlo claramente, si aún está utilizando la antigua API de MySQL de PHP para conectarse a sus bases de datos, siga leyendo!
Esta vez, aprenderá sobre los patrones de Adaptador, Decorador y Fábrica..
JavaScript es un lenguaje curioso. Es fácil de escribir, pero difícil de dominar. Al final de este artículo, con suerte, transformará su código de espagueti en una comida de cinco platos, llena de yumminess legible y mantenible.!
En esta miniserie de Nettuts +, construiremos una aplicación web desde cero, mientras nos sumergiremos en un nuevo y excelente marco de PHP que se está acelerando rápidamente, llamado Laravel, un simple y elegante marco de PHP 5.3.
De vez en cuando, los servidores y las bases de datos son robados o comprometidos. Teniendo esto en cuenta, es importante asegurarse de que algunos datos cruciales del usuario, como las contraseñas, no puedan recuperarse. Hoy, aprenderemos los conceptos básicos del hash y lo que se necesita para proteger las contraseñas en sus aplicaciones web..
Clases, clases, clases por todas partes. ¿Qué pasa si no necesitamos clases de CSS en absoluto? ¿Qué pasa si dejamos de preocuparnos por la cantidad de clases que estamos usando y cómo deberíamos llamarlas y terminamos con ellas de una vez por todas? No sería una revelación para usted decir que los elementos HTML se pueden diseñar sin recurrir al atributo de clase, pero ¿ha considerado la multitud de beneficios que provienen de las clases anteriores??
AngularJS es como el Batarang faltante en su cinturón de utilidades de desarrollo web increíble. Le brinda enlace de datos bidireccional que es a la vez fácil de usar y rápido, un potente sistema de directivas que le permite crear componentes personalizados reutilizables, y mucho más. Express es un excelente servidor web para Node.js que proporciona enrutamiento, middleware y sesiones. Por cierto, los dos trabajan bastante bien juntos!
Desarrollo ágil o ágil: escuchamos estas palabras con más frecuencia en estos días. Pero, ¿sabemos realmente de qué se trata? ¿Cómo puede ayudarnos a ser más efectivos, mientras nos divertimos mucho desarrollando software? ¿Cómo podemos usarlo para comunicarnos con gente de negocios y hacer que esta comunicación sea fácil y constructiva para ambas partes??
Érase una vez, había un archivo. Estaba en tu computadora y querías tenerla en un servidor. ¿Alguna vez te has preguntado por qué hay tantas formas de hacerlo? Explicaremos algunos de los conceptos básicos de la implementación en este artículo para que sepa cuándo usar qué. Empecemos!
Admitámoslo: la comunidad de PHP se ha demorado un poco cuando se trata de promover un desarrollo basado en pruebas. Sabemos que deberíamos, pero incluso hoy en día, una parte importante de la comunidad no lo hace. En esta nueva serie de videos y tutoriales, creados por el equipo de Nettuts +, esperamos cambiar eso. Confía en mí: no es tan difícil como crees.
Hacer juegos en HTML5 Canvas no es tan difícil una vez que aprendes la lógica del juego que estás creando. En este tutorial, aprenderás cómo crear un juego de ping-pong no tan básico en Canvas. En primer lugar, echemos un vistazo al concepto principal y una lógica básica detrás de este juego.
La semana pasada fue el desafío de 7dfps, un desafío abierto en el que los participantes tuvieron que hacer un FPS en solo una semana. Tales concursos son muy interesantes para aquellos que quieren experimentar con cosas. Desafiarte a ti mismo es IMO, la mejor manera de aprender cosas nuevas. También puede conocer el famoso concurso "Ludum Dare". Aprendí a usar Backbone.js y Three.js (una biblioteca famosa en la parte superior de WebGL) en solo una semana, así que no tienes excusa para no poder hacer lo mismo.
Así que has aceptado el desafío de ir más allá del lado del cliente; bien hecho. ¿Has considerado todos los marcos y no estás seguro de cuál elegir? No estas solo. Sigue leyendo.
Este artículo lo ayudará a usar Vagrant para administrar sus instancias de máquinas virtuales y le explicará cómo puede aprovechar Puppet para aprovisionar varios recursos, como PHP y PostgreSQL..
La programación dirigida por eventos puede ser abrumadora para los principiantes, lo que puede hacer que sea difícil comenzar con Node.js. Pero no dejes que eso te desanime; En este artículo, te enseñaré algunos de los conceptos básicos de Node.js y explicaré por qué se ha vuelto tan popular..
La pregunta más frecuente que recibo desde que publiqué mi artículo de patrones de navegación de respuesta es: ¿Cómo manejo la navegación compleja para diseños sensibles?
Hoy vamos a combinar algunas herramientas diferentes y crear un paquete de Nodo simple que permitirá al usuario buscar archivos en un directorio. En este tutorial usaremos Grunt para hacer un montón de trabajo por nosotros, ver cómo hacer que un script de Node sea ejecutable en la línea de comandos y, finalmente, ver cómo lo publicamos en Node Package Manager (npm) para que cualquiera pueda instalarlo. eso.
La organización puede hacer o deshacer la mantenibilidad de una aplicación. Con aplicaciones más pequeñas, la organización es más evidente; sin embargo, a medida que la aplicación crece y el número de desarrolladores de aplicaciones e ingenieros de front-end que producen el código aumenta, la organización se vuelve más confusa. En esta publicación, repasaremos algunos conceptos básicos para mantener las aplicaciones organizadas de modo que encontrar un código relevante sea un proceso eficiente y sistemático..
En este screencast, construiremos una clase relativamente simple, usando técnicas TDD. En el camino, analizaremos varios métodos de PHPUnit, cómo crear objetos simulados, ¡y más! Te animo a que trabajes a lo largo; es la mejor manera de aprender!
La mayoría de los tutoriales de Backbone describirán el proceso de envío de solicitudes RESTful al servidor. Pero, ¿cómo capturamos esos datos con nuestro marco de servidor? ¿Cómo sabemos cuáles son las urls de solicitud? ¿Cómo monitoreamos estas solicitudes usando Chrome Dev Tools? Te mostraré todo eso y más en este screencast.
Cuando toma la ruta de diseño web sensible, parte del trato son las cuadrículas fluidas. Es decir, elementos de contenedor establecidos en anchos de porcentaje. Solo un ejemplo: un
En esta serie de dos partes, vamos a ver el almacenamiento web, una de las características mejores y más interesantes de la especificación HTML5. Veremos el historial de almacenamiento web y cookies..
La prueba de JavaScript es un tema delicado. Algunos desarrolladores son grandes defensores de esto (incluido yo mismo), mientras que otros no ven la necesidad o el beneficio. Una gran barrera es el simple hecho de que a veces puede requerir una cantidad considerable de configuración para ponerse en marcha. Cuanto más tarde, más probable es que el desarrollador simplemente no se moleste. Es por eso que Testem es tan fantástico; hace que la prueba sea lo más fácil posible y, lo que es más importante, divertido!
Uno de los muchos objetivos de diseño del lenguaje JavaScript era mantenerlo de un solo hilo y, por extensión, simple. Aunque debo admitir que, dada la idiosincrasia de las construcciones del lenguaje, ¡es todo menos sencillo! Pero lo que queremos decir con "un solo hilo" es que solo hay un hilo de control en JavaScript; Sí, lamentablemente, su motor de JavaScript solo puede hacer una cosa a la vez. Ahora, ¿no suena demasiado restrictivo para hacer uso de procesadores de múltiples núcleos que están inactivos en su máquina? HTML5 promete cambiar todo eso.
Ha sido un viaje lleno de baches, en lo que respecta al soporte de espacio de nombres en PHP. Afortunadamente, se agregó al lenguaje en PHP 5.3, y la estructura aplicable del código PHP ha mejorado mucho desde entonces. Pero, ¿cómo los usamos exactamente??
He visto muchas dificultades cuando se encuentran por primera vez con Backbone.js. En esta publicación del blog, iré refactorizando un poco el código de cómo solía escribir JavaScript antes, en el código correcto de Backbone.js utilizando modelos, colecciones, vistas y eventos. Esperamos que este proceso le brinde una comprensión firme de las abstracciones principales en Backbone.js.
Validar las formas ha sido notoriamente una experiencia de desarrollo doloroso. Implementar la validación del lado del cliente de una manera fácil de usar, amigable para el desarrollador y accesible es difícil. Antes de HTML5 no había medios para implementar la validación de forma nativa; por lo tanto, los desarrolladores han recurrido a una variedad de soluciones basadas en JavaScript.
Independientemente de nuestro nivel de habilidad actual, todos fuimos principiantes en un momento dado. Cometer errores de principiante clásico viene con el territorio. Hoy, hemos pedido a una variedad de autores del personal de Nettuts + que participen en su lista de problemas y soluciones, en una variedad de idiomas. Aprende de nuestros errores; no hagas estas cosas!
Al ser un lenguaje puramente funcional, Haskell te limita de muchos de los métodos convencionales de programación en un lenguaje orientado a objetos. Pero, ¿la limitación de las opciones de programación realmente nos ofrece algún beneficio sobre otros idiomas? En este tutorial, echaremos un vistazo a Haskell e intentaremos aclarar qué es y por qué vale la pena utilizarlo en sus proyectos futuros..
No creo que deba convencerte de que probar tu código JavaScript es una buena idea. Pero, a veces puede resultar tedioso probar el código JavaScript que requiere un DOM. Esto significa que necesita probar su código en el navegador y no puede usar el terminal, ¿verdad? Mal, en realidad: entrar en PhantomJS.
Esta semana estaba programado para dar una nueva charla en YUIConf titulada, API de JavaScript que nunca has escuchado (y algunas que tienes). Desafortunadamente, un conflicto de programación significa que no podré asistir. Así que en lugar de dejar que el trabajo de armar una nueva charla se desperdicie (o se retrase) decidí armar un screencast de la charla.
Mi vida cotidiana la dedico a trabajar en BSkyB ... Trabajo en grandes sitios web, el último de los cuales me llevó más de un año construir el front-end para (y todavía está en curso). Para mí, en mi mundo, el mal CSS es una cosa muy específica y problemática; cuando está trabajando en un sitio durante meses, no puede permitirse un código deficiente, ya sea CSS o de otro tipo, y cualquier código incorrecto debe solucionarse.
Es común que un cliente envíe una solicitud de un archivo que no existe en el servidor o que existe en una ubicación diferente. Esto puede ocurrir por una variedad de razones. Puede mover sus archivos alrededor del servidor (o a un servidor completamente diferente), o puede presentar una estructura de sistema de archivos lógica para conectar clientes.
Las herramientas pueden hacer que nuestros flujos de trabajo se sientan sin problemas, lo que nos permite concentrarnos en lo que estamos construyendo y no preocuparnos por el proceso. La mayoría de los desarrolladores web, en todas las partes de la pila, trabajan desde la línea de comandos. Existen innumerables utilidades, que pueden hacerte más productivo. Estas no son aplicaciones completas de línea de comandos, como Git, sino herramientas simples y compactables, que pueden mejorar su flujo de trabajo como desarrollador web..
La inyección de dependencia ha sido un tema frecuente de discusión entre muchos desarrolladores corporativos en los últimos años. Muchos temían que pudieran sacrificar demasiado tiempo construyendo la arquitectura de su aplicación sin hacer ningún trabajo real. En este artículo, explicaré por qué los desarrolladores de PHP deberían considerar aprovechar las ventajas de la inyección de dependencia al crear proyectos grandes y escalables..
Los programadores como yo a menudo son intimidados por el diseño, pero un poco de esfuerzo puede dar un gran retorno de la inversión. Aquí hay algunos consejos de un codificador para hacer que cualquier sitio se vea rápidamente más profesional. Soy un programador. No soy un diseñador. Soy licenciado en informática y no me importa Comic Sans. (Se ve alegre. Sigue adelante.)
¿Alguna vez ha ejecutado una sesión de terminal remota, solo para que su conexión se interrumpa a mitad de una tarea grande? Luego, vuelve a conectarse, sin saber nada sobre su progreso (si lo hubiera) y el estado actual. La pantalla es la solución a este problema. La pantalla le permite iniciar sesiones de terminal de las que puede desconectarse y reanudar en cualquier momento.
Bueno, esa es mi lista de 60 excelentes consejos y tutoriales de 2012. Probablemente tengas algunos de tus favoritos; vamos a escucharlos en los comentarios!
