Dynamisez vos sites web avec JavaScript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Bref, JavaScript est partout ! Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Un système de chat, comme celui de Facebook ;Une suggestion lors de la frappe dans un champ de texte, comme lors d'une recherche avec Google ;Un lecteur de vidéos ou de musiques, aussi puissant que celui de Youtube, grâce aux balises <video> et <audio> ;Des jeux exploitants la balise <canvas> comme Torus, un Tetris en 3D ;La modélisation 3D d'une Lamborghini affichée grâce à l'API WebGL et à la bibliothèque Three.js ;Et bien d'autres choses ! Sur ce, bonne lecture !
How to Plant Tomatoes in Raised Beds Growing your own tomatoes can be a fun and rewarding experience. Even if you’ve had less than a stellar experience with tomatoes in the past, every spring we are afforded a new opportunity to learn from your previous mistakes and get your tomato plants in the garden off on the right foot. Below are some tips on how to plant tomatoes in a raised bed that will put you on a path to a delicious and ripe harvest come summer. If your tomato plants were slow to get started in previous years it may have been as a result of cool temperatures. Direct seed sowing tomatoes. Tomatoes are usually started from seeds indoors weeks before they are going to be planted in the garden. Photo via Shutterstock/basel101658 Planting tomato seedlings. You probably have be warned not to plant your plants too deep. Alternately, you can plant a tomato seedling on its side and angle the tip of the plant to grow up out of the soil. Every garden is different and there really isn’t a “wrong” way to grow tomatoes.
Manual de AngularJS Listado de los capítulos Introducción a AngularJS Esta es una introducción de manera conceptual al framework Javascript AngularJS. Explicamos por qué cada vez tiene más importancia el desarrollo de aplicaciones web con alta carga de Javascript y por qué son esenciales este tipo de librerías para una programación más sencilla, rápida y de fácil mantenimiento. Completaremos la introducción con una práctica en la que podremos experimentar con un primer ejemplo en Angular. 1.- Por qué AngularJS Cómo los frameworks Javascript en general y AngularJS en concreto nos sirven para solucionar las necesidades actuales de la informática, en cuanto a desarrollo multiplataforma de aplicaciones grandes o enormes que se asemejan a las de escritorio. 2.- Qué es AngularJS Descripción general sobre AngularJS, el framework Javascript, así como los principales componentes que tiene y los conceptos que debemos conocer antes de poner manos en el código. 3.- AngularJS Vs jQuery ¿Complementarias? Descargas Comentarios
Build a real-time polls application with Node.js, Express, AngularJS, and MongoDB Recently while lecturing on HTML5 to a large group of students, I wanted to poll them and display their voting results, updating in real-time. I decided to quickly build a polling app for this purpose. I wanted a simple architecture and not too many different languages and frameworks. So I decided to use JavaScript for everything — Node.js and Express for the server-side, MongoDB for the database, and AngularJS for the front-end user interface. “This MEAN stack (Mongo, Express, Angular, Node) may one day surpass the simplicity of the LAMP stack (Linux, Apache, MySQL, PHP) for web application development and deployment.” I chose to use DevOps Services (formerly JazzHub) to manage the source code for my project. What you'll need to build your app A basic familiarity with Node.js, and a Node.js development environmentThese Node.js modules: Express framework, Jade, Mongoose, and socket.ioAngularJS JavaScript frameworkMongoDB NoSQL databaseThe Eclipse IDE, with the Nodeclipse plug-in installed
My Work At Home World: mTurk. Simple, Legit Way To Make Money Online. I have been a worker for Amazon mTurk for over 6 months now. As a worker you have the opportunity to choose from over 1000s of different, simple tasks (HITs) and work whenever is convenient for you. As with every online job, there are pros and cons to this site. The pros? The cons? Another pro is that I can guarantee that they pay! You can see here that I've made over $100 using this site! If you are interested in mTurk, head HERE to learn about how to sign up! CSS > Typography Angular Material provides typography CSS classes you can use to create visual consistency across your application. Reference the Material Design specification for Typography. To preserve semantic structures, you should style the <h1>- <h6>heading tags with the styling classes shown below: Selectors Output .md-display-4 Light 112px .md-display-3 Regular 56px .md-display-2 Regular 45px .md-display-1 Regular 34px .md-headline Regular 24px .md-title Medium 2.0sp .md-subhead Regular 16px Example Note: Base font size is 10px for easy rem units (1.2rem = 12px).
Premiers pas avec Grunt Nous vous conseillons aujourd’hui d’utiliser un gestionnaire de tâches qui nous paraît être mieux sur bien des points: configuration plus souple, lisible et facile et rapidité vous attendent avec Gulp. Vous avez sûrement déjà entendu parler de Grunt à droite à gauche, en conférence, voire votre boite l’utilise déjà mais vous ne savez toujours pas trop ce qui se cache derrière ce terme saugrenu digne d’un personnage de Warcraft. Soit, ce n’est pas bien grave. Grunt est simplement un JavaScript Task Runner, un outil vous permettant de créer des tâches automatisées en JavaScript. Forcément ce n’est pas très parlant mais c’est tout l’intérêt de cet article, vous expliquer ce qu’est Grunt et pourquoi il peut vous être utile dans un workflow de front-end dev. Vous est-il déjà arrivé de devoir régulièrement lancer, lancer et relancer des processus tels que Sass, LESS, uglify - en somme des préprocesseurs ou des minifiers - régulièrement à la main ? Voici un workflow assez classique : $ npm init
A Victorian RV Step one is the removal of all of the seats. I invited a bunch of friends over for a mid-winter barbeque and we finished in a couple of hours. An angle-grinder with a cut-off disk made short work of the rusted and frozen bolts and let us get the seats out without having to crawl around underneath the bus. We striped the seats down and I re-used as much of them as I could and separated the rest of the components for recycling. Once you get the seats out the space will seem HUGE and you'll imagine that you can fit all sorts of things in there. There's a ridge down the length of most buses that supports the outer edge of the seats. One we got the bus partially completed we put it on the road and did some camping in what we called our "steel tent." Here's a shot of the painting process before re-installation of all of the trim and lights. If you look carefully you can see the window screens I made. A standard RV hot water heat was installed through the side of the bus under the bathroom sink.
Grunt pour ceux qui pensent que Grunt est compliqué On parle beaucoup de Grunt aujourd'hui, mais les articles disponibles sont souvent abscons et techniques. Pourtant Grunt n'est pas réservé aux spécialistes, comme le montre cette introduction de Chris Coyier. Par Chris Coyier On donne souvent les conseils suivants aux intégrateurs web : Divisez votre CSS et votre JavaScript en autant de parties que nécessaire, puis concaténez-les pour la version de production de votre site. Compressez votre CSS, minifiez votre JavaScript, pour améliorer la performance de votre site. Il y en aurait encore beaucoup à ajouter, mais voilà déjà quelques basiques. Je suis sûr que vous avez entendu parler de Grunt. Mais soyons clair : Grunt est un de ces nouveaux joujoux à la mode que tous les cool kids utilisent, mais qui à première vue semble étrange et intimidant. Écartons tout de suite quelques malentendus Peut-être avez-vous entendu parler de Grunt mais ne l'avez pas utilisé vous-même. Je n'ai pas besoin de ce que fait Grunt Probablement que si, en fait.
Sass: Sass Basics Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything set up. PreprocessingPreprocessing permalink CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. Once you start tinkering with Sass, it will take your preprocessed Sass file and save it as a normal CSS file that you can use in your website. The most direct way to make this happen is in your terminal. You can also watch individual files or directories with the --watch flag. sass --watch input.scss output.css You can watch and output to directories by using folder paths as your input and output, and separating them with a colon. sass --watch app/sass:public/stylesheets Sass would watch all files in the app/sass folder for changes, and compile CSS to the public/stylesheets folder. 💡 Fun fact: Sass has two syntaxes! VariablesVariables permalink
Kickstart Your AngularJS Development with Yeoman, Grunt and Bower Whether you love or hate it, there’s no denying that AngularJS is the framework on every developer’s lips. It may not be for everybody, but AngularJS has a quirky, efficient and powerful feature set. Couple that with a few useful development tools like Yeoman, Grunt and Bower and you’ve got yourself an incredibly fast rapid prototyping process. What we’ll cover This AngularJS tutorial will cover: Generating a bare bones AngularJS app with YeomanUsing Grunt to speed up development and help perform repetitive tasksUsing Bower to add third party plugins/frameworksMaking minor changes to your AngularJS app Prerequisites To get the most out of this tutorial we recommend you have the following skills and resources available: A terminal and basic knowledge of the command lineNodeJS and NPM installedFundamental JS, CSS and HTML knowledge Files You can find a repo of this tutorial project here. Let’s get started yo! Alright, let’s get this thing underway. npm install -g yo grunt-cli bower Yeoman yo angular