Leanpub Header

Skip to main content

10 KATA DEL DESARROLLO FRONTEND

Versión 1: de principiante a intermedio

Kata, palabra japonesa que representa una secuencia de movimientos establecidos que se realizan con la finalidad de perfeccionar una técnica. Esta referencia quiero transmitirla a ustedes en el ámbito del desarrollo frontend, intentando crear una serie de conceptos y técnicas que deben adquirirse y perfeccionarse por cada nivel de aprendizaje.

Minimum price

$9.99

$15.00

You pay

$15.00

Author earns

$12.00
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
About

About

About the Book

Uno de los constantes problemas de las ruta de aprendizaje del desarrollo web o de software es la repetitiva información que existe en la web, si bien es muy buena para avanzar en conocimientos, esta no te ayuda a definir tu portafolio y a veces es hasta complicada de comprender porque no va combinada con la creación de proyectos reales.

En caso que expliquen con proyectos, los diseños de los mismos son tan anticuados que cuando te encuentras en el mercado, bien sea laboral o de emprendimiento, tus proyectos parecen sacados de una escuela, diseños basados en ejercicios básicos, sin la lógica de negocios y mucho menos un ejemplo que represente la vida real.

Existen miles de libros, vídeos de tutoriales que se enfocan en enseñar como es una variable, como hacer una función, que es un bucle, y está bien, es lo básico, pero ¿ y después qué debo hacer? ¿Cómo se combina esto en el mundo real? ¿ cómo transformar este conocimiento en productos?

Author

About the Author

jose MARIN

Spanish version ---------------------------------- English version below ⬇️

Tengo más de 4 años de experiencia como ingeniero full stack, en mis primeros 3 años trabaje como freelance con clientes países e idiomas diferentes, y en el último año he trabajado full-time en una startup en Lyon, Francia.

La motivación compartir mis conocimientos es lograr guiarte hacia todo los éxitos de mi aventura en el desarrollo web, como por ejemplo: como tener tu primer cliente, generar confianza gracias a la calidad de tus conocimientos, o lograr convencer a tu prospecto cliente o reclutador que tu eres el candidato ideal para resolver su problema.

Todo esto usando buenas prácticas del desarrollo web, teniendo no solo los conocimientos alrededor del código sino que también teniendo conocimientos mas enfocados en el producto o cliente que harán de ti una persona diferente. (En el buen sentido ?)

No es un camino fácil, no existe una fórmula secreta pero si existen técnicas que puedes adaptar a tu estilo o mejorar y que te ayudaran a conquistar el mercado dejando una buena presencia y mejorando tu ratio de éxito en cada paso.

English version ----------------------------------

I have more than 4 years of experience as a full-stack engineer, for the first 3 years, I worked as a freelance with clients in many countries and many languages, and the last year I work as a full-time part of a startup, based in Lyon, France.

My motivation to share my knowledge is to guide you to achieve the success that I had in my adventure as a web or software developer, for example: how to get your first client, or generate confidence thanks to the quality of your knowledge, or achieve to or manage to convince your prospective client or recruiter that you are the ideal candidate to solve their problem.

All that using web development good practices, having not only the knowledge about the code but also having the knowledge-focused in the product or client which will make you the different person (in the good sense ?)

 It is not an easy way, there is no secret formula but there are many techniques that you could adapt or improve and that could help you conquer the market leaving a good result and improve your success rate in every step.

Contents

Table of Contents

Prólogo

Donde contactarme

Kata 1: HTML & CSS: clone de whatsapp Web.

  1. ¿Qué vamos hacer?
  2. Pensado en HTML y CSS.
  3. Empecemos con HTML
  4. ¿Qué aprendimos en este primer capítulo?
  5. ¿Qué debemos hacer para mejorar en esta etapa?

 Kata 2: Javascript: clon de Google Dino-Game.

  1. ¿Qué es JavaScript?
  2. ¿Qué vamos hacer?
  3. Analizando nuestro proyecto
  4. Empecemos el Juego.
  5. Git, GitHub y GitHub Page
  6. ¿Qué aprendimos en este segundo capítulo?
  7. ¿Qué debemos hacer para mejorar en esta etapa?

Kata 3: Bootstrap: tu primer dashboard.

  1. ¿Qué es BootStrap y por qué aprenderlo?
  2. Principios de diseño de Dashboard
  3. Creando tu dashboard 
  4.  ¿Qué aprendimos en este tercer capítulo? 
  5. ¿Qué debemos hacer para mejorar en esta etapa?

Kata 4: REACT, SASS & BEM convertion: Creación de Sitio web.

  1. ¿Qué vamos hacer?
  2. ¿Qué es React, y sass?
  3. Primeros pasos con React
  4. Realizando el proyecto
  5. ¿Qué aprendimos en este cuarto capítulo?
  6. ¿Qué debemos hacer para mejorar en esta etapa?

Kata 5: NPM Package: Glassmorphism shadows.

  1. ¿Qué vamos hacer?
  2. ¿Qué es NPM?
  3. Creando nuestro package
  4. ¿Qué aprendimos en este quinto capítulo?
  5. ¿Qué debemos hacer para mejorar en esta etapa?

Felicitaciones y gracias

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub