Skip to content

Instantly share code, notes, and snippets.

@IanRamosC
IanRamosC / DigitalClock.elm
Created September 15, 2016 14:38
A Digital Clock built with Elm 0.17
module DigitalClock exposing (clock)
import Html exposing (Html)
import Html.Attributes as HA exposing (style)
import Html.App as App
import Svg exposing (..)
import Svg.Attributes exposing (..)
import Color exposing (rgb)
import Date as D exposing (..)
module DigitalClock where
import Color exposing (..)
import Graphics.Collage exposing (..)
import Graphics.Element exposing (..)
import Text
import Date as D exposing (..)
import Time as T exposing (..)
main =
#include <stdio.h>
char casas[10] = {'o','1','2','3','4','5','6','7','8','9'};
int checarVitoria();
void velha();
int main()
{
int jogador = 1,i,escolha;
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Boneco da Caroles</title>
</head>
<body>
<canvas id="c" width="300" height="300"></canvas>
<script>
//Pegando o canvas e associando a uma variável

###Instruções

  • Criar um documento HTML5, especificando seu doctype corretamente e criando a estrutura padrão necessária para páginas HTML5, não sendo preciso usar as tags meta - apenas meta charset.

  • Carregar estilo css através da tag link. Esse estilo deve estar dentro de uma pasta chamada "css" e o estilo deve se chamar style.css.

  • A página precisa ter como título a seguinte frase:"Exercício 1"

  • Usar uma div com a classe "main" para armazenar todos os outros elementos da página.

###Javascript e CSS

Que nossas páginas na web ficam muito mais bonitas com CSS, todos nós sabemos. Mas você sabia que também pode controlar o estilo de um elemento através do JavaScript?

Os elementos HTML podem ser acessados no JavaScript através do DOM, como por exemplo: document.getElementById('idDoElemento'). Quando esse elemento é selecionado ele se torna um objeto e, por padrão, recebe algumas propriedades, uma dessas propriedades é a style.

Você pode alterar o estilo de um elemento selecionando-o, acessando sua propriedade style e a propriedade que representa a alteração de estilo que você deseja fazer. Assim:

//Selecionando o elemento #idDoElemento do HTML através do JavaScript
var el = document.getElementById('idDoElemento');
@IanRamosC
IanRamosC / debounce.js
Created May 17, 2015 17:54
Debounce Concept
var debounce = function(handler, delay) {
var timeout;
return function() {
clearTimeout(timeout);
timeout = setTimeout(function() {
handler();
}, delay);
}
};
@IanRamosC
IanRamosC / main.js
Last active August 29, 2015 14:19
workaround
var tab = jQuery('.tabs .tab-title a');
var uriBase = document.baseURI;
jQuery('.tabs .tab-title a img').first().attr('src', jQuery('.tabs .tab-title a img').first().attr('src').replace('_off', '_on'));
tab.mousedown(function(){
var allImgs = jQuery('.tabs .tab-title a img');
allImgs.each(function() {
jQuery(this).attr('src', jQuery(this).attr('src').replace('_on', '_off'));
});
var classe = jQuery(this).attr('class');
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
import java.io.*;
import java.util.*;
import java.sql.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class Alunos extends HttpServlet {
<!doctype html>
<html data-ng-app="workshopBeMEAN">
<title>{{ workshop }}</title>
<body>
<p>
<!-- Para utilizarmos um filtro usamos o |
nesse caso estamos usando o filtro de upperCase
que apenas coloca em maiúsculo
-->