Skip to content

Instantly share code, notes, and snippets.

View juhahinkula's full-sized avatar

Juha Hinkula juhahinkula

208 followers · 7 following
View GitHub Profile
@juhahinkula
juhahinkula / index.html
Last active January 28, 2019 15:09
Jquery starter template for the lessons
<!DOCTYPE html>
<html>
<head>
<title>Using jquery</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
@juhahinkula
juhahinkula / index.html
Created April 12, 2018 10:58
<!DOCTYPE html>
<html>
<head>
<title>Using jquery</title>
<meta charset="utf-8">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script>
@juhahinkula
juhahinkula / index.html
Last active February 26, 2020 10:47
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>React getting started</title>
</head>
<body>
<!-- Root container for react components -->
<div id='root'></div>
@juhahinkula
juhahinkula / index.html
Created April 19, 2018 06:57
import React from 'react';
import { StyleSheet, Text, View, Alert, TextInput, Button } from 'react-native';
import { MapView } from 'expo';
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = {
address: '',
region: {latitude: 60.200692, longitude: 24.934302, latitudeDelta: 0.0322, longitudeDelta: 0.0221}
@juhahinkula
juhahinkula / gist:af5a6385b209e914f84246f203e12bb4
Created April 25, 2018 07:44
import React from 'react';
import { StyleSheet, Text, View, Alert, TextInput, Button } from 'react-native';
import { MapView } from 'expo';
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = {
address: '',
region: {latitude: 60.200692, longitude: 24.934302, latitudeDelta: 0.032, longitudeDelta: 0.02},
@juhahinkula
juhahinkula / index.html
Last active February 27, 2019 10:09
Jquery template
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Datatables</title>
</head>
<body>
@juhahinkula
juhahinkula / TodoList.vue
Last active June 19, 2019 08:45
<template>
<div>
<input type="text" placeholder="New todo" v-model="todo" />
<button v-on:click="add">Add</button><br />
<table>
<tbody>
<tr v-for="(todo, index) in todos" v-bind:key="index"><td>{{todo}}</td></tr>
</tbody>
</table>
</div>
@juhahinkula
juhahinkula / CarList.vue
Created June 20, 2019 11:26
<template>
<div>
<h1>CarList</h1>
<table>
<tbody>
<tr v-for="(car, index) in cars" v-bind:key="index">
<td>{{car.brand}}</td>
<td>{{car.model}}</td>
<td>{{car.color}}</td>
<td>{{car.year}}</td>
@juhahinkula
juhahinkula / NasaHooks.html
Last active March 10, 2023 10:15
Fetch astronomy picture of the day from NASA API
<!-- Fetch astronomy picture of the day from NASA API -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>React NASA APOD</title>
</head>
<body>
<!-- Root container for react components -->
<div id="root"></div>
@juhahinkula
juhahinkula / RestList.html
Last active February 13, 2022 14:16
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>React getting started</title>
</head>
<body>
<!-- Root container for react components -->
<div id='root'></div>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>