| from turtle import * | |
| def switchupdown(x = 0, y = 0): | |
| 'this defines how the pen responds to mouse input' | |
| if pen()["pendown"]: | |
| end_fill() | |
| up() | |
| else: | |
| down() | |
| begin_fill() |
| from turtle import * | |
| speed(0), ht() | |
| diff, a = 0.6, 45 | |
| def tree(d, n): | |
| 'this function uses recursion to draw' | |
| if n > 1: | |
| fd(d) |
| from turtle import * | |
| def drawSquare(side): | |
| for i in range(4): | |
| fd(side) | |
| lt(90) | |
| tracer(0) | |
| pu(), goto(-300, 0), pd() | |
| ht(), width(5) |
This app is an implementation of a PWA example from github. It will teach the basics of PWAs and the right ways to build, I guess.
This is done in the install event listener.
| { | |
| "name":"Think Bits", | |
| "size":6, | |
| "developers":["python", "web", "c++"], | |
| "people":["Godson", "Kingsley", "Ralph", "Samuel", "Samson", "Boniface"], | |
| "sameLevel":true, | |
| "structure":"https://i.ibb.co/bKQtjM3/object-structure.jpg" | |
| } |
| import React from "react" | |
| import ReactDOM from "react-dom" | |
| function App(){ | |
| let style = { | |
| fontSize:"4rem" | |
| } | |
| let date = new Date(2019, 10, 4, 22); | |
| const hours = date.getHours(); | |
| <html> | |
| <head> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div id="root"></div> | |
| <script src="index.pack.js"></script> | |
| </body> | |
| </html> |
| <html> | |
| <head> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div id="root"></div> | |
| <script src="index.pack.js"></script> | |
| </body> | |
| </html> |
| /* APP.JS */ | |
| import React from "react" | |
| import productsData from "./vschoolProducts" | |
| import Product from "./Product" | |
| function App() { | |
| const productComponents = productsData.map(prod => <Product key = {prod.id} name = {prod.name} description = {prod.description} />) | |
| return ( | |
| <div> | |
| { productComponents } |
| /* | |
| Challenge: | |
| 1. Convert all 3 components to be class-based | |
| 2. Fix the small bug | |
| */ | |
| import React, { Component } from "react" | |
| import ReactDOM from "react-dom" |