olygood olygood

Developer JS

olygood / index.html

Created December 12, 2020 13:13

react: ajouter react a un site web existant.

	//html
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Add React in One Minute</title>
	</head>
	<body>

	<h2>Add React in One Minute</h2>

olygood / ImgColor.js

Last active December 4, 2020 13:26

getImageData () scan les pixels et change la couleur

	console.log('color picture');
	const canvas = document.getElementById('canvas1');
	const ctx = canvas.getContext('2d');

	canvas.width = 800;
	canvas.height = 600;

	const img = new Image();
	// img.src = "img/img_1.jpg";
	img.src = 'data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QM1aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBMaWdodHJvb20gNi44IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNkQyOERCRD

olygood / tools.txt

Last active February 18, 2021 09:25

webpack for .js and .scss

	npm init -y
	npm i -D @babel/cli @babel/core @babel/preset-env babel-loader css-loader html-webpack-plugin style-loader webpack webpack-cli webpack-dev-server core-js@3 regenerator-runtime

olygood / webpack.config.js

Last active August 14, 2023 09:24

démarrer un nouveau projet 2.0/ webpack.config / babel.config.js/ package.json/ npm packages

	// console
	npm init -y
	npm i @babel/core @babel/cli @babel/preset-env
	npm install --save-dev @babel/core @babel/cli @babel/preset-env
	npm install -D babel-loader @babel/core @babel/preset-env
	npm install --save-dev @babel/core @babel/cli @babel/preset-env babel-loader
	create folder:
	src
	src add:
	index.html

olygood / server-node-suite.js

Last active November 5, 2020 21:29

server node initialisation

	/**
	* creation du server
	*/
	const http = require('http');
	const server = http.createServer((req, res) => {
	console.log('hello vous êtes sur le server node');
	res.end();
	});
	server.listen(3000);

olygood / reset.css

Last active August 14, 2023 09:19

reset css