mbvissers

p Hello, world!

mbvissers

div
    p Hello, nesting!

mbvissers

div.container
    p.white-text.bg-black#chapter-one

mbvissers

form(method="post")
    label(for="username") Username
    input.form-input#username(name="username")

mbvissers

div.container
    h1.header-large Cool Header
    p this is a short example
    div#some-id
        emp.thick What do you think?
        p Pretty weird huh?
         
    

mbvissers

<!-- import jQuery using the google CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>
  $("button.add#1").on("click", function () {
    console.log("clicked button 1");
  })
</script>

<button class="add" id="1">Button 1</button>  

mbvissers

<script>
  document.getElementById("myBtn").addEventListener("click", function (){
    console.log("clicked")
  });
</script>

<button id="myBtn">My button</button>

mbvissers

<!-- import jQuery using the google CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>
  $("button#fadeIn").on("click", function () {
    $(".fadedText").fadeIn();
  })
  
  $("button#fadeOut").on("click", function () {
    $(".fadedText").fadeOut();

mbvissers

import React from 'react';
import { SafeAreaView, Text, StatusBar } from 'react-native';

const App = () => {
  return (
    <>
      <StatusBar barStyle="light-content" />
      <SafeAreaView style={{padding: 8}}>
        <Text>Some sample text</Text>
      </SafeAreaView>

mbvissers

import Realm from "realm";

// Declare Schema
class BookSchema extends Realm.Object {}
BookSchema.schema = {
    name: 'Book',
    properties: {
        title: 'string',
        pages:  'int',
        edition: 'int?'