Bienvenida e Introducci贸n

1

驴Por qu茅 aprender Programaci贸n Orientada a Objetos?

2

驴Qu茅 resuelve la Programaci贸n Orientada a Objetos?

3

Paradigma Orientado a Objetos

4

Lenguajes Orientados a Objetos

5

Instalando Visual Studio Code

6

Diagramas de Modelado

7

Qu茅 es UML

Orientaci贸n a Objetos

8

Objetos

9

Abstracci贸n y Clases

10

Modularidad

11

Analizando Uber en Objetos

12

Reto 1: identificando objetos

Programaci贸n Orientada a Objetos. An谩lisis

13

Clases en UML y su sintaxis en c贸digo

14

Modelando nuestros objetos Uber

15

驴Qu茅 es la herencia?

16

Aplicando Herencia a nuestro proyecto Uber

17

Reto 2: analicemos un problema

Clases, Objetos y M茅todo Constructor

18

Creando nuestras carpetas iniciales para el curso

19

Definiendo clases en Java y Python

20

Definiendo Clases en JavaScript

21

Objetos, m茅todo constructor y su sintaxis en c贸digo

22

Objetos. Dando vida a nuestras clases en Java y Python

23

Declarando un M茅todo Constructor en Java y JavaScript

24

JavaScript orientado a objetos, lo m谩s nuevo

25

Declarando un m茅todo constructor en Python

Herencia

26

Aplicando herencia en lenguaje Java y PHP

27

Soluci贸n del reto de herencia en PHP

28

Aplicando herencia en lenguaje Python y JavaScript

29

Otros tipos de Herencia

30

Reto 4

Encapsulamiento

31

Encapsulamiento

32

Encapsulando atributos en Java

Polimorfismo

33

Generando polimorfismo en Java

34

Generando polimorfismo en PHP

Cierre del curso

35

El Diagrama UML de Uber

36

Conclusiones

37

Bonus: Qu茅 es la Programaci贸n Orientada a Objetos

Curso de Programaci贸n Orientada a Objetos: POO

Curso de Programaci贸n Orientada a Objetos: POO

Anah铆 Salgado D铆az de la Vega

Anah铆 Salgado D铆az de la Vega

Instalando Visual Studio Code

5/37

Lectura

Pues que comience la aventura y digo aventura porque te dar谩s cuenta de lo emocionante que ser谩 poder trabajar 4 lenguajes de programaci贸n en un solo entorno de desarrollo y s铆, precisamente eso es lo que nos resuelve Visual Studio Code el cual ser谩 nuestro campe贸n en este curso.

Visual Studio Code lo puedes encontrar en las tres versiones b谩sicas de Sistema Operativo (Windows, Mac y Linux) y lo puedes descargar directo en este enlace: https://code.visualstudio.com/download. Es muy ligero y basta con un Siguiente, siguiente, siguiente para instalar.

1.png

Cuando la instalaci贸n haya finalizado ver谩s algo como esto:

2.png

隆S煤per! Todo sali贸 bien. Ahora pasemos a configurarlo para cada lenguaje.

Primero ubica la secci贸n de Extensiones o en ingl茅s Extensions, adem谩s de la barra de Search porque estaremos buscando la extensi贸n para cada lenguaje.

3.png

Java

En la barra de Search Extensions escribe: Java Extension Pack y da clic en el bot贸n verde Install.

4.png

Ahora, para tener una mejor experiencia en Debugging, instala el Debugger for Java, el cual encuentras siguiendo el procedimiento anterior.

5.png

Listo, terminamos con Java. Aprende m谩s en este enlace: https://code.visualstudio.com/docs/languages/java

Ahora vamos por Python.

Python

Comencemos instalando Python en nuestra computadora. Dir铆gete al sitio python.org y dale clic en el bot贸n de Descargar.

6.png

Ve de la mano con el asistente hasta finalizar la instalaci贸n:

7.png

Terminaremos la configuraci贸n de Python en Visual Studio Code m谩s adelante. Aprende m谩s aqu铆.

Mientras tanto sigamos con PHP.

PHP

Primero necesitamos instalar el int茅rprete de PHP, la forma m谩s f谩cil es descargando XAMPP:

Descarga XAMPP

Puedes descargarlo tanto para Linux, Windows o macOS.

XAMPP.png

Una vez descargado simplemente debes abrirlo e instalarlo dando click al bot贸n de 鈥淣ext鈥 como cualquier programa normal. Si te sale una ventana de permisos de Firewall simplemente permite ambas opciones:

Captura de pantalla de 2021-09-10 10-33-21.png

Con el int茅rprete instalado, para configurar PHP buscaremos la extensi贸n PHP Server y pulsamos 鈥淚nstalar鈥

8.png

Ahora debemos asegurarnos de que PHP y la extensi贸n est茅n conectados. Para ello, en Visual Studio Code nos vamos a settings:

settings.png

Y aqu铆 buscamos 鈥淧HP Server鈥, nos deber铆a aparecer algo como esto:

php path.png
  • En el apartado Phpserver: PHP Config Path debe decir: C:\xampp\php\php.ini.
  • En el apartado Phpserver: PHP Path debe decir: C:\xampp\php\php.exe.

Estas rutas pueden variar si durante la instalaci贸n de XAMPP cambiaste el directorio de instalaci贸n, o si tu Windows est谩 instalado en otro disco que no sea el disco C:.

隆Con esto ya tienes PHP instalado!. Puedes aprender m谩s en la ruta de Desarrollo Web Backend con PHP

JavaScript

En este caso no necesitamos instalar absolutamente nada, utilizaremos el editor con su configuraci贸n por defecto.

Comencemos nuestro proyecto

Ya est谩 todo listo, ahora dejemos creado el proyecto.

Para esto seleccionaremos la opci贸n Add workspace folder

9.png

A continuaci贸n creamos una carpeta llamada CursoPOOUber y damos clic en Add para finalizar. Ahora generemos esta estructura de carpetas para manejar los documentos correspondientes al lenguaje de programaci贸n:

10.png

Ahora que tenemos listo nuestro sistema de archivos terminemos la configuraci贸n de Python en VSC, vamos al men煤 View -> Command Palette y escribimos python 鈥淪eleccionar int茅rprete鈥, tal como se muestra en la figura.

11.png

隆Ya terminamos, estamos listos!

Aportes 343

Preguntas 48

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Adem谩s de instalar Python, en la secci贸n de Extensions busqu茅 e instal茅 Python extension for Visual Studio Code. Despu茅s de esto, fui al men煤 View -> Command Palette y escribir Python: Seleccionar int茅rprete. Espero a alguien m谩s le sirva.

Si para terminar de configurar Python no les carga la opcion: >python: Seleccionar int茅rprete
Pueden probar:

  • Descargando en VS 鈥淧ython鈥 como hicimos con los demas lenguajes.

  • Una vez ya instalada la extensi贸n desde el MarketPlace de VS, vamos View -> Command Palette y volvemos a escribir >python: Seleccionar int茅rprete

  • Y despues seleccionar la opcion Python 3.8.3 32-bit

Espero que les sirva 馃槂

Paso 4.
.

Para quien no le salga la opci贸n 鈥楶ython: seleccionar interprete鈥 en VSC instalen la extensi贸n llamada Python, de manera similar al paso de instalar Java Extension Pack, y ya les deber谩 aparecer.

PYTHON:

  • Descargar Python:

https://www.python.org/downloads/

  • Instalar la version de Python de la pagina oficial
  • Instalar extension en VSC 鈥淧ython鈥

Ahora que tenemos listo nuestro sistema de archivos terminemos la configuraci贸n de Python en VSC, vamos al men煤 View -> Command Palette y escribimos python 鈥淪eleccionar int茅rprete鈥

  • Seleccionar el workspace CursoPOOUber
  • Seleccionar la version de Python instalada de lapagina oficial: Python 3.8.3 32-bit
  • crea un archivo json con la ruta:

鈥減ython.pythonPath鈥: 鈥淐:\Users\usuarioPC\AppData\Local\Programs\Python\Python38-32\python.exe鈥

Paso 1.

Paso 3.

Paso 2.

Para los usuarios de sistemas tipo Unix las rutas de php cambian. En mi caso uso Arch Linux, y las rutas que use fueron:

/opt/lampp/bin/php
/opt/lampp/bin/php

Tuve un problema para la configuraci贸n de Python, hay un punto que no se indica en esta clase pero lo indica en el enlace de 鈥淎prende m谩s aqu铆鈥. Y es que debe instalarse la extension de Python de lo contrario no aparecer谩 la opci贸n de 鈥淪eleccionar int茅rprete鈥 como indica la clase.

Para lo de python, una vez que se instala python hay que entrar al enlace sugerido: https://code.visualstudio.com/docs/python/python-tutorial y alli te mencionan que debes instalar otra extencion y asi pudes completar lo de python

馃帹 Les recomiendo instalar un tema en Visual Studio Code para tener un entorno m谩s acogedor. En mi caso utilizo el Dr谩cula: https://draculatheme.com/visual-studio-code

no puedo activar el interprete de Python. vamos al men煤 View -> Command Palette y escribimos python 鈥淪eleccionar int茅rprete鈥

Para seleccionar el interprete de Python, tuve que instalar la extensi贸n de python de microsoft para VSC!.
Empecemos!.

Si est谩n empezando les recomiendo que instalen tambi茅n una extensi贸n llamada file-icons esta extensi贸n le pone a cada archivo el icono de sus correspondiente lenguaje, lo cu谩l es muy 煤til al trabajar en proyectos con m煤ltiples lenguajes

Tengo problemas con la configuraci贸n de Python, no me aparece la opci贸n "Seleccionar int茅rprete鈥

驴Alguien puede ayudarme?

(command 鈥榩ython.setInterpreter鈥 not found)

Buenas. 驴C贸mo est谩n?

驴Soy la 煤nica persona a la que no le aparece la opci贸n de 鈥淎dd Workspace Folder鈥 ? Solo aparecen las opciones de 鈥淣ew File鈥 o 鈥淥pen Folder鈥 or 鈥淐lone Repository鈥. Tampoco pude instalar el selector de interprete de Python.

Muchas gracias.

Hola, para los que no pudieron hacer el 煤ltimo paso; desc谩rguenlo desde las extensiones, les recomiendo Python Extension Pack, suerte a todos, aprendan mucho.
脡xito

En OS x, si al escribir Python en el Command Palette no obtienes ning煤n resultado, primero instala la extension para Python y listo.

El ultimo paso de python no me dio 馃槮

Ok lest do it!

Actualmente el 煤ltimo paso no se logra hacer, sin embargo, es m谩s que suficiente que vayas a la secci贸n de extensiones y descargues la extensi贸n de Python, con eso podr谩s trabajar sin problemas. En mi opini贸n, te recomiendo que descargues la extensi贸n de Python extension pack, puesto que te vendr谩n m煤ltiples herramientas para facilitarte tu desarrollo.

mmmm鈥 Ayuda, por favor 馃槂

**Para instalar en Linux **
Descargar Xampp de:
https://www.apachefriends.org/es/index.html

En la terminal buscamos el archivo en la carpeta de descarga y ejecutamos:

chmod 755 xampp-linux-*-installer.run

Luego instalamos Xampp:

sudo ./xampp-linux-*-installer.run

Eso es todo. XAMPP est谩 ahora instalado en el directorio /opt/lampp.

Para la configuraci贸n de los Path usamos:

En el apartado Phpserver:
/opt/lampp/php/php.ini
En el apartado Phpserver:
/opt/lampp/php/php.exe

Espero que sea de ayuda !!!

Para los que est谩n en WSL

  1. Crean la carpeta con mkdir CursoPOOUber
  2. Ingresan a la carpeta con cd CursoPOOUber
  3. Repiten el mismo procedimiento de mkdir con las otras carpetas
  4. Les recomiendo tener git y poner git init para trabar con versiones
  5. Dentro del proyecto pueden poner code . para inicializar VSCode e instalar las extensiones

Creo que los cursos son muy desactualizados.

Listo!

Listo esto a reforzar los conocimientos!! vamos a por ello!!

Ojala pudiera actualizar este curso, sobre todo en los detalles t茅cnicos o poner una gu铆a de como poder solucionarlo. Ya lo logr茅 pero no se si este bien la configuraci贸n o si haya algun detalle m谩s adelante.

En el ultimo paso una vez seleccionamos el int茅rprete de Python, vscode muestra la versi贸n de Python instalada en los pasos anteriores y disponible en nuestro equipo.

Hola, alguien puede explicar el motivo porque se debe colocar en VSC, 鈥淧ython: Select interpreter鈥 y si eso hay que hacerlo en todos los proyectos?

Para trabajar con Python les recomiendo las siguientes extensiones:

  • Python UltiExtension Pack
  • Python UltiSnippets
    Ambas extensiones han sido desarrolladas por mi 馃槃

listo , sugerencia para los que en el ultimo paso no les aparezca python solo deben instalarlo por medio de las extensiones y listo

A modo de sugerencia, para futuras versiones de este curso ser铆a bueno que explicaran que para correr Java tienes que instalar el JDK, veo que en los comentarios muchos no pueden correr c贸digo Java porque no se detalla eso

Holda, todo bien pero el ultimo paso no me sale la opcion de python
驴Alguien puede ayudarme?

Listo todo, aunque no s茅 nada de Java ni Python y casi nada de JavaScript鈥 隆Pues a darle!

a mi no me sale seleccionar interprete en la command palette, ya instale todo lo de arriba, que creen que sea?

No me aparece python en el Command Palette y ya lo descargue

Hola, alguien sabe cu谩l es la versi贸n de Python para windows 7, 32 bits? evidentemente la 煤ltima versi贸n 3.9.0 me avisa que no es compatible. Se los agradecer茅 much铆simo.

Listo, 馃槈

Tengo problemas con Python! 馃槮

Si quieren un buen tema les recomiendo horizon o material theme y la fuente dank mono

Yo tuve que instalar el extension de python, sin el no me aparecia 鈥>Python select interpreter鈥

No me habia emocionado tanto de iniciar un curso, como ahora.

No encontre la extension de Python en el Visual Studio. Despues me daba error cuando ponia 鈥淪eleccionar interprete鈥

Encontre esta solucion que a mi me sirvio:

Buscar en google 鈥淢arketplace Visual Studio鈥 (perdon, no me deja poner enlaces)
Poner en el buscador de esa pagina 鈥淧ython extension for Visual Studio Code鈥. Instalarlo.
Una vez que ya esta instalado, ir a las extensiones en los tres puntitos de configuracion y elegir "Desactivar actualizacion automatica"
Despues ir a la extension de Python a la ruedita y elegir "Instalar una version anterior"
Elegir la version 2019.3.6558 (yo probe esa porque decia la pagina que funcionaba, no se si habra una version mas actual que funcione)
Cerre el VS, lo volvi a abrir, probe y ya no daba error.

no me salio ningun asistente para instalar phyton, descargo el archivo.exe , lo instalo pero no pasa nada !!

Para instalar correctamente xampp en linux, sigan este link:

https://www.apachefriends.org/es/faq_linux.html

10.208 inconvenientes para instalar xampp en MacOS 12.3; mas de 58 horas en stack overflow y un simple comando en la terminal que me vino a la cabeza cuando estaba pose铆do por un spirit programador 鈥減arece鈥 que arreglo todo鈥︹淧ARECE鈥.

Yo voy para descargar XAMPP para Mac a la p谩gina oficial, y me descarga en zip y estoy hace horas tratando que Winzip le haga el unzip pero no lo hace, es como que se haya quedado colgado, ya he tratado de todas las formas y buscado soluci贸n y no la encuentro. Creo que la parte de PHP no podr茅 practicar por este motivo.

En este tutorial no menciona instalar una extensi贸n de python en VSC para hacer la tarea de seleccionar interprete, deben instalar python en VSC para que salga esa opci贸n.

Es mejor que hagan un video, con esas im谩genes no queda bien explicado y uno puede cometer m谩s de un error en la expliaci贸n

Hola. No me funcion贸 la configuraci贸n de Python en Windows con estas instrucciones men煤 View -> Command Palette y escribimos python 鈥淪eleccionar int茅rprete鈥 鈥 驴Qu茅 puedo hacer?

hola , a mi no me parece lo de add workspace folder,me pueden ayudar?

print(鈥淓stoy Listo鈥)

System.out.println(鈥淓stoy Listo鈥);

en lo personal no me agrado mucho la forma de inicio de istalacion de entorno de desarrollo paque hay algunos detalles que no se aprecian bien y a la mayoria nos da problemas veremos como nos va

Hola, soy de los que cuando escriben Python no les aparece nada, que hago鈥?

Uff VSCode no me anda en esta tostadora que tengo en la casa. Alguna opci贸n para el Java en Sublime text 3 ?

A por este curso, a salvar el semestre pues :3

A salvar el semestre pues !!

tengo un error al instalar java
"java runtime could not be located"
Que hago?
ya instale java development kit

No me aparece python seleccionar int茅rprete 驴Alguna soluci贸n o alguien que me pueda ayudar? ):

Ya instale la extensi贸n de Python for VSCode, y sigue sin salirme la opci贸n que indicas:

-> Command Palette y escribimos python 鈥淪eleccionar int茅rprete鈥, tal como se muestra en la figura.

escribo esto: python 鈥淪eleccionar int茅rprete鈥 y no aparece en el listado nada de Python

Faltaron unas cosas por explicar, pero todo que bien. A los que no pueden instalar Phyon porque no les aparece seleccionar interprete, hagan todo lo indicado y agreguenle buscar Python en EXTENSION e instalenlo.

Esto es mil veces mejor que cuando lo ense帽an en la Universidad!! 馃挌

Bueno prob茅 de todo y no me salio lo ultimo de python.

Te falata agregar que tienes que instalar el JDK para que funcione Java eso te lo recomiendo

Estoy Listo !!!

Listo

Hola! recomiendan python version 32 o 64 bits? gracias!

En cai todos los cursos de Platzi recomiendan VS code, pero yo soy rebelde y uso IntelliJ 馃槃

Me ha encantado Visual Studio Code

A modo de sugerencia鈥 Estar铆a bueno que actualicen esta clase. Aunque los pasos son pr谩cticamente los mismos, ya hubo algunos cambios.
Tambi茅n estar铆a genial que hagan un tutorial para cada SO como en otros cursos.

alguien ya termino todas las instalaciones en linux?

驴Y si no me corre VS Code?

Podr铆as usar:
鈿涳笍 Atom: una opci贸n m谩s ligera
馃攣 Repl.it: un sitio web donde puedes ejecuta programas y compartirlos.

Guys Buenos d铆as.
Consulta, la pantalla de VS code me muestra el mensaje de la imagen https://ibb.co/vsvzTr8

Y aparte observo que, no me muestra la opci贸n RUN que sale en el video, y esa opci贸n le permite ejecutar directamente el archivo java.

Mi problema es que no logro ejecutar el programa de java, he visto videos en el que tengo que configurar manualmente unas opciones, pero como aqu铆 no detalla ese procedimiento, asumo que algo me falta.

Ojo ya instal茅 todo lo sugerido arriba!!

En linux no es siguiente, siguiente, instalar, eso ocurre en Windows, por otro lado prefiero usar Codium, la versi贸n libre de VSCode

Hola Comunidad, les comparto esta opci贸n que es la instalaci贸n de XAMPP con docker.

https://hub.docker.com/r/tomsik68/xampp

Excellent tutorial, now it鈥檚 time to code!

les comparto este codigo para lo que no les levanta xampp, abran la terminal: rm -rf ~/.bitnami/stackman

Para Python, a mi paso que no mostraba nada al ejecutar el comando. Note que el archivo al verlo con ls en el apartado length tenia el valor de 0, por lo que solo le di guardar en archivo y listo 鈥渉ola mundo鈥. espero les sirva, se probo versi贸n de Phyton 3.10.1鈥

As铆 de bonita se mi estructura con las extension de iconos.

falt贸 un pasito :3 pero lo puse en la clase anterior

Agrego algunos Plugins que ayudan mucho

  • Code Runner
  • Live Server
  • Live Server Preview
  • Path Intellisense
  • Prettier - Code Formatter

es triste pero mi pc no acepta Visual Studio Code, acepta el Visual Studio Normal 馃槮

Les recomiendo la extensi贸n Material Icon Theme para que su VS Code se vea m谩s bonito al mostrar los 铆conos de los lenguajes que est谩n trabajando. Clic aqu铆 para ver la extensi贸n.

Listo
馃

Recomiendo librer铆as:

  1. ESLint (Dirk Baeumer)
    ESLint (opens new window)es un analizador de c贸digo que nos permite escribir c贸digo de calidad. Con esta extensi贸n y una configuraci贸n b谩sica que deber谩s crear en tu proyecto, Visual Studio Code te permitir谩 analizar e identificar problemas en tu c贸digo JavaScript y Typescript antes de ejecutarlo.

ESLint (Dirk Baeumer)(opens new window)

#2. Tailwind CSS IntelliSense (Brad Cornes)
Con esta extensi贸n vamos a conseguir una experiencia de desarrollo m谩s avanzada cuando en nuestro proyecto hayamos activado el uso de Tailwind CSS y creando el fichero de configuraci贸n tailwind.config.js.

Tailwind CSS IntelliSense (Brad Cornes)(opens new window)

Si te interesa saber qu茅 es Tailwind CSS o c贸mo combinarlo con Angular e inclusive con Angular Material, echa un vistazo a estos otros art铆culos: 驴Qu茅 es Tailwind CSS? e Integrar Tailwind CSS con Angular Material en una aplicaci贸n Angular.

#3. Prettier - Code formatter (esbenp.prettier-vscode)
Prettier (opens new window)es un formateador de c贸digo ampliamente utilizado y que nos permite estandarizar la estructurar de nuestro c贸digo. Esta extensi贸n integra sus caracter铆sticas con el sistema de formateo de documentos y bloques de c贸digo de Visual Studio Code.

Prettier - Code formatter (esbenp.prettier-vscode)(opens new window)

Si al formatear los ficheros de una aplicaci贸n Angular tienes problemas en que aplique la comilla simple, aseg煤rate de tener tu fichero .editorconfig correctamente configurado con la propiedad quote_type = single.

#4. XML Tools (Josh Johnson)
A falta de soporte nativo en Visual Studio Code, esta extensi贸n le a帽ade herramientas de formato XML, XQuery y XPath.

XML Tools (Josh Johnson)(opens new window)

#5. C# (Microsoft)
El soporte para C# es opcional en Visual Studio Code por lo que si quieres usarlo para crear tus proyectos en dicho lenguaje, esta extensi贸n te ser谩 de gran ayuda.

C# (Microsoft)(opens new window)

#6. GitLens (Eric Amodio)
Si queremos potenciar la integraci贸n de Git con Visual Studio Code, 茅sta es nuestra extensi贸n. Facilita el an谩lisis, exploraci贸n y trabajo con repositorios Git (opens new window)entre otras funcionalidades. Es ya un imprescindible si trabajas con Git.

GitLens (Eric Amodio)(opens new window)

#7. gitflow (vector-of-bool)
Si utilizas el flujo de trabajo gitflow (opens new window)para gestionar tus ramas en Git, no deber铆as dejar de lado esta extensi贸n para agilizar tus procesos.

gitflow (vector-of-bool)(opens new window)

#8. Live Server (Ritwick Dey)
Esta extensi贸n ofrece de una manera muy r谩pida un servidor de desarrollo en vivo, f谩cil de usar y con recarga autom谩tica del navegador.

Live Server (Ritwick Dey)(opens new window)

Si adem谩s quieres conocer otras alternativas para servir archivos HTML est谩ticos desde Visual Studio Code, echa un vistazo a este otro art铆culo: Servir archivos HTML est谩ticos localmente con Node.js y http-server.

#9. Angular Essentials (johnpapa.angular-essentials)
Este es m谩s bien un paquete de extensiones creado por John Papa para Visual Studio Code y que agrega las extensiones por 茅l consideradas como m谩s 煤tiles para el desarrollo de aplicaciones Angular. Algunas efectivamente creo que son realmente imprencidibles para trabajar con dicho framework, pero otras igualmente pueden ser muy 煤tiles para otros fines, as铆 que tambi茅n las encontrar谩s en esta lista.

Angular Essentials (johnpapa.angular-essentials)(opens new window)

#10. Vetur (Pine Wu)
Podr铆amos considerar esta extensi贸n como una caja de herramientas para Vue.js (opens new window)en Visual Studio Code. Con ella tendr谩s resaltado de c贸digo, fragmentos de c贸digo (snippets), soporte Emmet (opens new window)(m谩s all谩 del soporte Emmet nativo de Visual Studio Code (opens new window)), validaci贸n de c贸digo, formateo y autocompletado.

Vetur (Pine Wu)(opens new window)

#11. i18n Ally (Lokalise)
Puedes considerar esta extensi贸n como un todo en uno para la internalizaci贸n de ficheros desde Visual Studio Code, ya que te ayudar谩 a trabajar con tus ficheros de traducci贸n desde m煤ltiples frameworks.

i18n Ally (Lokalise)(opens new window)

#12. Bracket Pair Colorizer 2 (CoenraadS)
Esta extensi贸n usa distintos juegos de colores para facilitar la identificaci贸n visual de los diferentes corchetes, llaves o par茅ntesis presentes en nuestro c贸digo.

Bracket Pair Colorizer (CoenraadS)(opens new window)

Desde la versi贸n 1.60 ya contamos con esta funcionalidad de manera nativa en Visual Studio Code y dado que no est谩 implementada de manera completamente id茅ntica a lo que ofrece la extensi贸n, te sugiero que pruebes ambas opciones y elijas la que m谩s te interese. Ten adem谩s en cuenta que Bracket Pair Colorizer 2 ya no se mantiene, as铆 que es posible que en alg煤n momento debas activarte la funcionalidad nativa. Para habilitar la nueva funcionalidad debemos configurar 鈥渆ditor.bracketPairColorization.enabled鈥: true, as铆 que pulsamos Ctrl+, escribimos bracketPairColorization en la caja de b煤squeda y marcamos el check de la opci贸n encontrada (Editor > Bracket Pair Colorization: Enabled).

#13. JavaScript (ES6) code snippets (charalampos karypidis)
Esta extensi贸n nos permite crear f谩cilmente fragmentos de c贸digo JavaScript con la sint谩xis ES6 mediante el uso de peque帽os atajos de teclado.

JavaScript (ES6) code snippets (charalampos karypidis)(opens new window)

#14. language-stylus (sysoev)
A falta de soporte nativo en Visual Studio Code para ficheros Stylus, esta extensi贸n a帽ade el resaltado de sintaxis y finalizaci贸n de c贸digo en dichos tipos de archivos.

language-stylus (sysoev)(opens new window)

#15. Spanish Language Pack for Visual Studio Code (Microsoft)
Me gusta hacer uso del ingl茅s en mi d铆a a d铆a como desarrolador de software, as铆 que personalmente prefiero programar en ingl茅s y la versi贸n tambi茅n en ingl茅s de mis aplicaciones como Visual Studio Code, pero si todav铆a no quieres dar ese paso, puedes instalarte esta extensi贸n que te permitir谩 tenerlo completamente personalizado en espa帽ol.

Spanish Language Pack for Visual Studio Code (Microsoft)(opens new window)

#15+1. Material Icon Theme (Philipp Kief)
Si quieres dar un toque visual diferente al explorador de ficheros, esta extensi贸n ofrece un paquete de iconos alternativos y personalizables que te podr铆a interesar.

Material Icon Theme (Philipp Kief)(opens new window)

Listo el pollo:

Me causo problema al momento de agregar carpetas al nuevo workspace, a alguien m谩s le ocurri贸?

Si alguien tiene problema para instalar en su el interprete de PHP en su MAC puede usar el siguiente enlace para descargar y ejecutar el archivo instalador
https://sourceforge.net/projects/xampp/

Excelente! Fue bastante interesante preparar todo eso para el proyecto. Se siente que el profesionalismo que viene para este proyecto.

Si no quieres instalar todo esto, puedes crear, codificar, colaborar y compartir tus proyectos f谩cilmente y gratis en REPLIT.COM y listo. 馃槈

Los que no quieran instalar nada pueden usar https://replit.com/

Me sali贸 SELECTION INTERPETER鈥 En ingles鈥 Sinceramente lo esperaba en espa帽ol pero supongo que debe funcionar igual

les comparto las extensiones que uso en visual con un tipo de letra ne贸n https://daniel-diaz-r.netlify.app/blog/workplace/
https://daniel-diaz-r.netlify.app/blog/

Vamos con todo!