| import GildedRose | |
| let items = [ | |
| Item(name: "+5 Dexterity Vest", sellIn: 10, quality: 20), | |
| Item(name: "Aged Brie", sellIn: 2, quality: 0), | |
| Item(name: "Elixir of the Mongoose", sellIn: 5, quality: 7), | |
| Item(name: "Sulfuras, Hand of Ragnaros", sellIn: 0, quality: 80), | |
| Item(name: "Sulfuras, Hand of Ragnaros", sellIn: -1, quality: 80), | |
| Item(name: "Backstage passes to a TAFKAL80ETC concert", sellIn: 15, quality: 20), | |
| Item(name: "Backstage passes to a TAFKAL80ETC concert", sellIn: 10, quality: 49), |
AWS Configuration Cheat Sheet This lecture note is not intended to be a replacement for the videos, but only to serve as a cheat sheet for students who want to quickly run thru the AWS configuration steps or easily see if they missed a step. Steps listed are accurate as of 7-11-2019, keep in mind that AWS makes frequent small changes to their UI.
RDS Database Creation
Go to AWS Management Console and use Find Services to search for RDS
Click Create database button
Select PostgreSQL
| const GeneratePDF = ({ form, name }) => { | |
| const generate = async () => { | |
| //console.log(document.getElementById('createPDF')) | |
| let w = document.body.offsetWidth | |
| let h = document.body.offsetHeight | |
| let canvas = await html2canvas(document.body) | |
| let img = canvas.toDataURL('image/jpeg', 1) | |
| let pdf = new jsPDF('p', 'pt', [w, h]) | |
| pdf.addImage(img, 'JPEG', 0, 0, w, h) |
| function allLinks() { | |
| let promises = matches.map(element=>fetch(element)) | |
| return Promise.allSettled(promises) | |
| .then(res=>{ | |
| let final = res.map(result=>{ | |
| return { | |
| url: result.value ? result.value.url:"error", | |
| status:result.value ? result.value.url:"error", | |
| text:result.value ? result.value.statusText:"error" | |
| } |
| const fs = require('fs') | |
| const marked = require('marked') | |
| const fetch = require('node-fetch') | |
| function findLinks(){ | |
| let content = fs.readFileSync('./test.md', 'utf8') | |
| let links = [] | |
| let renderer = new marked.Renderer() | |
| renderer.link = ( href, file, text ) =>links.push({href,text}) | |
| marked(content, { renderer }) |
| let md = new require("markdown-it")() | |
| let result = md.parseInline( | |
| `# markdown-it rulezz! | |
| [mijo](http://link) | |
| > soy una cita | |
| [link2](http://link2.com) |
All of the new components should be functional+hooks, at least that’s the convention we’re trying to have.
that component will have to be built in a pretty complex surrounding hierarchy of older style components, but it should be totally doable though I think to leverage hooks2:30 since the beauty of React is how composable it is.
We have a pattern for using “css in js” in the app, where you can add styles within the component pretty easily.
yeah, pretty much the styles look like JS objects and it makes a CSS file and injects it at runtime, and it also allows for some pseudoclasses too.
HAML + React
| // DOM | |
| let addBtn = document.querySelector('#addBtn') | |
| let text = document.querySelector('#body') | |
| let fileInput = document.querySelector('#file') | |
| //globas | |
| let url | |
| //listeners | |
| fileInput.onchange = e => { |
[Workshop | 20-30min]
Necesitas practicar un poco tus skills de CSS3 y Manipulación del DOM con JS así, que vamos a clonar Disney +, no seremos tan exigentes, construirás algo muy básico pero que será un buen reto para terminar de entender cómo se usa Flexbox y el atributo position y cómo aplicar unos cuantos estilos más.
Hacker edition: Levanta un modal para mostrar a fecha de estreno cuando den click en el boton de call t action.
Por ahora preocupate solo por html y css.
