Carlos Ferrer Roman

Link a Zoom

Zoom Link

Collaborative Playlist - Ironship

Agregr sus canciones favoritas a esta playlist en spotify! Playlist

MEGA CHEATSHEET

https://dev.to/devmount/a-cheatsheet-of-128-cheatsheets-for-developers-f4m

HTML

HTML Cheatsheet : https://devhints.io/html

HTML Elements : http://html5doctor.com/

Table Generator : https://www.rapidtables.com/web/tools/html-table-generator.html

////////-------------\\\\\\

need to update links and projects inside this folder

CSS

CSS Cheatsheet : https://devhints.io/css

https://yoksel.github.io/flex-cheatsheet/#section-align-items-self

FlexBox Properties : https://attachments.convertkitcdnn.com/150663/880a7521-9332-4b0e-a172-fd65f7c59e36/flexbox%20properties.pdf

Test CSS Flexbox rules : https:// flexbox.help/

https://www.cssportal.com/css-flexbox-generator/

CSS Grid Layout Generator : https://cssgrid-generator.netlify.app/

CSS Animations : https://animista.net/play/basic/shadow-pop

CSS Gradient : https://cssgradient.io/

CSS Make waves : https://getwaves.io/

CSS Shadow Samples : https://htmlcssfreebies.com/css-box-shadow-examples/

CSS Neumorphism : https://neumorphism.io/#f1dfdf

CSS Fancy Border Generator : https://9elements.github.io/fancy-border-radius/#65.100.0.0--.

CSS Smooth Shadows : https://shadows.brumm.af/

////////-------------\\\\\\

JS

JS Cheatsheet 1: https://htmlcheatsheet.com/js/

JS Cheatsheet 2: https://websitesetup.org/wp-content/uploads/2020/09/Javascript-Cheat-Sheet.pdf

JS Cheatsheet 3: https://www.interviewbit.com/javascript-cheat-sheet/

Vue.js

Vue.js Ref Template : https://vuejs.org/guide/essentials/template-refs.html#refs-inside-v-for

Vue.js Quick Start : https://vuejs.org/guide/quick-start.html#creating-a-vue-application

Vue.js Cheatsheet : https://devhints.io/vue

////////-------------\\\\\\

Front end tools v1 : https://generators.shecodes.io/css-image-filter-generator

Front End Tools v2 : https://test.skillcrush.com/blog/front-end-web-development-tools/

////////-------------\\\\\\

PRACTICE MAKES PERFF...ALMOST PERFECT

https://www.w3schools.com/js/exercise_js.asp?filename=exercise_js_events2

https://leetcode.com/

https://snipcart.com/blog/javascript-practice-exercises

https://www.jschallenger.com/

Github

Añadir todos tus cambios:

git add . Añadir cambio individual por nombre de archivo:

git add "nombre de archivo ej: 01-bsaic-layout.html" Añadirle un comentario al commit que estaremos empujando a tu repositorio en la web.

git commit -m "Texto descriptivo de los cambios recientes" Empujar los cambios recientes a tu repositorio en la web. Extended.

git push origin "nombre del branch/rama que estaremos apuntando" Empujar los cambios recientes a tu repositorio en la web. Simplified.

git push Ver los branches asociados al repositorio.

git branch

• Html Basics
  • Basic Layout
  • Meta Tags
  • Typography, Headings, Paragraphs
  • Anchor Tags / Links
  • Images
  • Ordered & Unordered Lists
  • Semantic & Non Semantic Elements - Layout
  • Layout Example - Basic Website Structure
• Css Basics
• CheatSheets / Chuletas
  • Markdown Cheatsheet
  • Git Cheatsheet
  • Html Cheatsheet
  • Css Cheatsheet

need to revise structure of html, with divs

practice with own art portfolio (structure with divs, and css styling methods)

git is done, comfortable with it

repasar clase del martes, hacer ejercicios online y ver la repeticion por el link del zoom

Carlos notes

MACOS cmds

Option + → Move cursor one word forward Option + ← Move cursor one word backward Ctrl + A Go to the beginning of the line you're currently typing on Ctrl + E Go to the end of the line you're currently typing on

cd ~ Home directory cd/ Root of the drive cd - Previous directory or folder you last browsed pwd Show your working directory cd.. Move up to the parent directory cd../.. Move up two levels