This is a JavaScript calculator that was made using Jade, Stylus, jQuery, and JavaScript. The look of the calculator is inspired by apple's calculator for mac.
A Pen by Adam Recvlohe on CodePen.
var gulp = require('gulp'), | |
jade = require('gulp-jade'), | |
sass = require('gulp-sass'), | |
gulpif = require('gulp-if'), | |
connect = require('gulp-connect'), | |
env = process.env.NODE_ENV || 'development'; | |
gulp.task('jade', function() { | |
return gulp.src('src/templates/**/*.jade') |
* Lesson Plan | |
** Introduction to course | |
** Begin thinking about design 10 min | |
- (http://www.webdesign-inspiration.com) | |
- Tell me what you like about the site? | |
- color scheme | |
- layout | |
- images |
var http = require('http'), | |
url = 'http://api.openweathermap.org/data/2.5/weather?q=Tampa,FL&units=imperial&appid=bd82977b86bf27fb59a04b61b657fb6f', | |
port = 3000, | |
tampaTemp; | |
function logData(data) { | |
var json = JSON.parse(data); | |
tampaTemp = json.main.temp; | |
console.log(tampaTemp); | |
} |
var http = require('http'), | |
cities = ['Tampa,FL', 'Miami,FL', 'Seattle,WA', 'NewYork,NY', 'Tulsa,OK'], | |
weather = [], | |
count = 0, | |
port = 3000, | |
tempAvg; | |
var cityAPIs = cities.map(function(location) { | |
return 'http://api.openweathermap.org/data/2.5/weather?q=' + location + '&units=imperial&appid=bd82977b86bf27fb59a04b61b657fb6f'; | |
}); |
This is a JavaScript calculator that was made using Jade, Stylus, jQuery, and JavaScript. The look of the calculator is inspired by apple's calculator for mac.
A Pen by Adam Recvlohe on CodePen.
This is an app that displays trending news stories that campers post to FCC news. I used Jade, Stylus, jQuery, JavaScript, ES6, and Semantic UI to style the card components.
A Pen by Adam Recvlohe on CodePen.
A web app that shows the local weather. On this app I used Jade, Sass, Javascript, Forcast.io, Geocoder.ca, and Weather Icons.
A Pen by Adam Recvlohe on CodePen.
A random quote generator. In this app I used Jade, Sass, and CoffeeScript, and jQuery.
A Pen by Adam Recvlohe on CodePen.
<input type='text' /> |