This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// terminal : install webpack : npm i webpack-cli webpack-dev-server babel-loader | |
// puis npm i html-webpack-plugin | |
Upgrade your account for access to GitLens+ features on both public and private repos. | |
//ne gère que le html css scss images webpack-dev-server | |
const HtmlWebpackPlugin = require("html-webpack-plugin"); | |
const MiniCssExtractPlugin = require("mini-css-extract-plugin"); | |
const path = require("path"); | |
module.exports = { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"extends": "next", | |
"rules": { | |
"react/no-unescaped-entities": "off", | |
"@next/next/no-page-custom-font": "off" | |
} | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"sync.gist": "fc99bd18f5e19914c135375d46e4e8bc", | |
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe", | |
"workbench.colorTheme": "Dracula", | |
"explorer.confirmDragAndDrop": false, | |
"explorer.compactFolders": false, | |
"editor.fontSize": 16, | |
"editor.wordWrap": "on", | |
"emmet.syntaxProfiles":{ | |
"javascript":"jsx" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// install babel | |
// npm i @babel/core @babel/cli @babel/preset-env | |
//preset/env c est lui qui traduit l es6 | |
module.exports = { | |
presets: [["@babel/preset-env"]] | |
} | |
//package.json | |
// -o = output file le code traduction de es6 => javascript normal sort dans un autre fichier es6after.js | |
// ou --out-file | |
"babel": "babel es6.js -o es6after.js" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Emmet</title> | |
</head> | |
<body> | |
<!-- --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const setBg = () => { | |
const square = document.querySelector('.items'); | |
const randomColor = Math.floor(Math.random()*16777215).toString(16); | |
console.log(square); | |
square.style.background = "#" + randomColor; | |
// console.log(square); | |
} | |
setInterval(setBg,1000); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
npm install gh-pages --save-dev | |
package.json : | |
"homepage": "http://olygood.github.io/cardReact", | |
"scripts": { | |
"predeploy": "npm run build", | |
"deploy": "gh-pages -d build" | |
} | |
npm run deploy | |
aller sur gihub, repos, settings, pages, branch, gh-pages |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*création des liens ----------------------------------------------------------*/ | |
const PageLink = () => { | |
return ( | |
<div> | |
<NavLink exact to="/">Home</NavLink> | |
<NavLink exact to="Works">Works</NavLink> | |
<NavLink exact to="Contact">Contact</NavLink> | |
</div> | |
); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"présentation":{ | |
"nom": "", | |
"prénom": "", | |
"fonction": "WebDeveloper", | |
"date-naissance": "29 janvier 1975", | |
"residant": "Liège, Belgique" | |
}, | |
"reseaux":{ | |
"nom": "", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export default { | |
plugins: { | |
tailwindcss: {}, | |
autoprefixer: {}, | |
}, | |
} |