En este video muestra cómo instalar lo que viene siendo a modo de brackets.
Es un editor que es Open Source al igual que lo que viene siendo Atom por ejemplo también Visual Studio
es bastante bueno y tiene características que no vas a encontrar en otros al menos no así como viene.
Vamos a dar clic aquí en downloads para descargar lo que viene siendo brackets la forma en que se instala
es igual en las diferentes plataformas.
No tengo instalación en todas las plataformas pero funciona exactamente igual.
Una vez que se descarga vamos a abrir lo que viene siendo el archivo y una vez que se abre este panel
al menos el Mac solamente es dar clic y arrastrar hacia la carpeta de aplicaciones.
Entonces así de sencillo en Windows se instala como cualquier otro programa.
Esperamos un poco a que se instale y una vez instalado vamos a abrir lo que van haciendo aplicaciones
al menos en Mac y vamos a abrir lo que viene siendo paquetes aquí va a estar brackets podemos abrirlo
nos pregunta que si queremos abrirlo porque es una aplicación descargada de internet.
Vamos que sí para comenzar a trabajar un poco con brackets no voy a crear lo que viene siendo una carpeta
que va a poner por ejemplo un nombre que diga brackets o algo similar para mostrarte cómo funciona brackets
que va a poner Okkhoy y lo que hago es arrastrar mi carpeta hacia lo que viene siendo brackets y la
forma en la que creas archivos en esta parte es botón derecho y puedes ver qué dice Nofal un nuevo archivo
entonces podemos poner por ejemplo indexando HTML que vendría siendo nuestro archivo principal y supongamos
que quieres crear una hoja de estilos en una carpeta y un folder CSS y dentro de.
Ese el botón derecho una archivo y digamos que no nos vamos hasta el punto C.
Ahora asegúrate de abrirle índex punto a HTML cuando das doble click puedes ver que se pone en color
azul eso quiere decir que estamos en ese archivo.
A diferencia de las otras opciones si pone esta o mejor dicho signo de exclamación Tha HTML 5 lospuntos
Tapp no te genera la estructura lo que viene haciendo brackets pareciera como que ningún editor quiere
ofrecer todo en un solo editor entonces vamos a dar clic en lo que es siendo fiel y vamos a buscar este
que extensión manager damos clic aquí y desde aquí puedes buscar extensiones y agregarles a brackets
puedes agregar Emet.
En el caso de estudio Kou ya viene pero aquí tienes que agregarlo primero tienes que dar clic aquí donde
Isabelle Boll que son todas las extensiones y desde aquí haces una búsqueda por MT y puede ser que aparece
abajo le damos clic en Instalar
y parece que se ha instalado lo vamos a cerrar Cerramos aquí y ya podemos escribir signo de exclamación
y presionar Tab y nos va a generar la estructura básica de un proyecto HTML.
Ahora dos características importantes de brackets.
Primero si aparece este rayo aquí puedes presionar en él.
Eso te va a crear un servidor puedes ver que por ejemplo voy a mover un poco hacia la izquierda y este
un poco hacia la derecha
menos.
De esta forma si coloco aquí por ejemplo un H1 y coloco la mundo. puedes ver que conforme voy escribiendo
va apareciendo en esta parte importante que este rayo de aquí solamente funciona si tienes instalado
en tu computadora no se instala como cualquier programa solamente presionas aquí te va a descargar un
paquete y sigues lo que viene siendo el Huizar las diferentes opciones solamente darle continuar en
todas y te lo va a instalar y ya vas a tener lo que viene siendo este el previo que me gusta mucho de
brackets.
Eso es lo único que he visto que lo tiene en realidad.
Segunda característica que solamente he visto en brackets.
Puedes ver que creamos este archivo hasta el punto CSS.
Digamos que agregamos el H1 un selector no te preocupes si es complicada esta parte que poner color
red que sería el color rojo para la H1.
Primer paso bueno tengo que enlazar esa hoja de estilos y aquí va a ponerse.
Es esta el punto se nota cuando importa lo que viene siendo la hoja de estilos inmediatamente toma los
cambios.
Esta parte de aquí no te preocupes si es sintaxis es nueva solamente estoy mostrándote de las características
de cada uno de los editores pero así es como agregas una hoja de estilos y ya tenemos una.
Ahora si quieres hacer más ajustes aquí tendrías que ir hasta el punto CSS y digamos que quieres hacer
mayúsculas Tex Transform.
Pero qué dices o lo haría en mayúsculas pero en brackets también vas a encontrar una opción que si te
coloca sobre este elemento primero nota cómo se resalta de esa forma sabes que estás editando el elemento
que quieres editar.
Eso me gusta mucho también puedes darle botón derecho y por eso hice click.
EDIT La primera opción de Akita aparece tu hoja de estilos y si por ejemplo quitas el color rojo nota
cómo se hace automáticamente o se hace al instante en tiempo real o también si le agregas una propiedad
nueva.
Digamos Tex aligncenter para que se centre.
Puedes ver que se centra automáticamente y una vez que guardas cambio si cierras lo que viene siendo
este pequeño panel ya se han guardado automáticamente los cambios en tu hoja de estilos.
Esto no lo he visto tampoco en ningún otro editor.
Son características que en mi opinión hacen muy especial a Brackett son características que no vas a
encontrar en ningún otro editor ya para detener al servidor presionas el rayo de nueva cuenta y eso
va a detener este servidor ya no puedes cerrar y esto fue brackets OpenSource.
Puedes descargarlo desde esta página va a estar el enlace en lo que viene siendo los materiales del
curso para que puedas utilizarlo.
Elige cualquiera de estos editores con el que te sientas mejor personalmente utilizando la mayor parte
del tiempo Bisso al estudio más que nada por lo ligero que es pero puedes utilizar cualquiera de estos
y con cualquiera puedes completar el curso incluso si ya tienes uno que no esté listado los materiales
del curso.
Puedes continuar con el.