lemoncode / master-frontend-lemoncode Goto Github PK

Master Front End Online Lemoncode Demos source code + step by step guides

License: MIT License

JavaScript 13.36% HTML 6.40% CSS 4.64% TypeScript 64.18% Vue 1.72% SCSS 0.36% Shell 0.02% Dockerfile 0.12% EJS 0.07% Kotlin 0.02% Swift 0.22% Objective-C 0.01% Dart 0.69% Svelte 0.42% ZenScript 0.02% CMake 3.53% C++ 3.95% C 0.27%

master-frontend-lemoncode's Introduction

Máster Front End Online Lemoncode

En este repositorio podrás encontrar el código fuentes de las demos y ejemplos del Máster Front End Online Lemoncode

En muchos de los ejemplos encontrarás guías paso a paso para poder reproducirlos.

Las áreas que se cubren:

Layout: Building layouts with HMTL / CSS 3, SASS...
Lenguajes: Javascript ES5, ES6, Typescript.
Bundling: Webpack / Parcel.
Frameworks: React, Vuejs, Angular.
Testing: Jest, React Testing Library.
Rest-api: fetch, axios, graphql.
Cloud: demos heroku, amazon, azure + docker + github actions.
Mobile: PWA, React Native, (proximamente Flutter).

¿Te animas a cursar nuestro Máster?

Si tienes ganas de ponerte al día en Front End, te ofrecemos un máster online en dos modalidades:

De convocatoria: con clases en vivo y con interacción alumno profesor.
Continuo: para ir a tu ritmo, en el que cuentas con el acompañamiento de un mentor a lo largo del mismo.

Más información:

Si tienes cualquier dudas puedes escribirnos a: [email protected]

master-frontend-lemoncode's People

Contributors

Stargazers

Watchers

Forkers

serconde igoralvarez sruizpdev emedece mariamunozr clararuizfdz jhersonharyson felipepepe delamux arianejdb manudous juancarlosfl fdelgado-dwk262 slinerodev ctrlj-dev zaretmir salvarodrgzdev brauliodiez pachon10 daveloper-rg perdi8 dawnrock ortiztena juanmihidgar ramona484 jorgech92 dhren2019 v-borrego metatron18es manuelgoncal ana-guerrero mirruiz joelkobjoll japocoinyenhoang lvillen davidetq anapayanruiz k3lmy irenearagon myriamsanchez soniatechie aghlearning jahama ramu-kumar caiser940 devgumidafe infernage fiorellaps pablolabg quang-pham-dev ramonrp davidvmar nuriadiazcandela andyrosete17 estelajimero ivangmartin cazud ivaann2706 sssalv miguelroc houmingc soniasalido adharamonzon 2085020 santy550 conchaasensio xkrygit aligoush miguel150788 manugallegob anyibio mireiaparra angeldiazcalleja hcstlldv graciagarpin pistolero3 krbaio3 ana-projects albertoreciodev pgarciaandres iuliianova nau-c katherinepaucar surzkidoo frankfullstack jkuweb chimalm1 r4nu54 eguiadaniel raquetelio elevalgue tizon15 jesusmscode jcarlosdev71

master-frontend-lemoncode's Issues

[Bundling] Update Webpack guides

[Bundling] Remove localIdentHashPrefix from 12-css-modules

Breaking change en version 6.0.0 de CSS Loader (2021/07/14)

https://github.com/webpack-contrib/css-loader/releases

[Layout] CSS Grid

Create Readme_es.md 04 server

[Bundling]Create an example about how to configure hmr (hot module reloading)

More info:

https://webpack.js.org/concepts/hot-module-replacement/

https://webpack.js.org/guides/hot-module-replacement/

React HMR

https://github.com/gaearon/react-hot-loader

[Bundling]Create Readme_es.md 00 zero config

[Languages] - Typescript Playground

In the package.json should be the engine attribute, since the developers that have more projects with multi node engine can have errors when executing the project.

The example is typescript with top version 5 and node engine 12 (it is possible to have projects with this version still), when executing the project it would not transpile because it is not compatible with this version.

I think it is the best practice to add to the package version engine attribute like this:

{
  "engines": {
    "node": ">=16.0.0",
    "npm": ">=6.0.0"
  }
}

(English)
https://sdk.gooddata.com/gooddata-ui/docs/4.1.1/ht_configure_webpack_proxy.html

Both need to be adapted to Webpack 5

This should be updated from example 13 onwards

[Bundling] Generate GZip output

Search fro the right plugin to use