Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 17D : 11H : 23M : 42S

Debes tener cuenta en Platzi

Para ver esta clase abierta debes iniciar sesión

Los apuntes de Freddy en PDF7/36

Lectura

Durante el curso te darás cuenta que nos apoyamos de algunos apuntes para ilustrar mejor los conceptos:

Archivo

Salí de la universidad hace más de 10 años, tengo bastante experiencia, sobretodo en desarrollos con tecnologías Microsoft; pero estos cursos que se suponen son para novatos, me enseñan cosas nuevas.


Mi consejo es no dar nada por aprendido, mantengamos el hambre de conocer, sin olvidar las bases!

<script type="text/javascript"> 
document.write("te amo");
</script>
<code><html>
<head>
  <title> Mi primer archivo html puro</title>
<style type="text/css">
body
{
  background-color: red;
  color: white;
  font-family: Helvetica;
}
strong
{
  background-color: black;
}
h1
{
  color: gray;
}
</style>
</head>
<body>
  <h1>HTML</h1>
<ul>
<li>Escribe información pero no programa</li>
<li>Programar es cuando un código responde a una acción del usuario</li>
<li><> = toda etiqueta HTML va entre los símbolos menor qué y mayor qué</li>
<li><></> = Toda etiqueta html debe cerrarse con el símbolo /</li>
<li>< title > = Es de mucha relevancia para los buscadores ya que es lo primero que indexan para el posicionamiento de una página</li>
<li>< body > = Contenido visual, qué realmente va dentro del navegador</li>
<li>Buenas prácticas = Estándar de manejar códiga para que cualquier programador pueda entenderlo fácilmente</li>
</ul>

<h1>CSS (Cascade Style Sheets)</h1>
<ul>
<li>Normalmente se agregan en un archivo externo o en < head >< style >AQUÍ VA EL CSS< /style >< /head ></li>
<li>Primero se agrega el ID qué es donde se va a aplicar el diseño</li>
<li>los atributos se encierran en  llaves {}</li>
<li>Los atributos son las características de diseño que queremos que tenga nuestro contenido. Ej. Color de fondo, color de fuentes, sombras, etc.</li>
<li>Hay errores imperdonables como la falta de ; o de # en un código de color hexadecimal</li>
</ul>

<h1>JavaScript</h1>
<ul>
<li>Normalmente se agregan en un archivo externo o antes de terminar la etiqueta < body >< script>alert ("Aquí va el código JS");< /script>< /body></li>
<li>Las variables de JS no permiten espacios se usa _ en nombres largos</li>
<li>Los números no pueden ir al principio de una variable, siempre debe ser una letra</li>
<li>No se pueden usar signos raros y diferencia mayúsculas y mínúsculas</li>
<li>Se puede agregar $ o _ antes de una variable y sigue funcionando (reglas raras de JS ;/)</li>
</ul>
<ul>
<li><!DOCTYPE html> = Buena práctica, especialmente en HTML5</li>
<li>< style type="text/css"> = Buena práctica de CSS</li>
<li>< script type="text/javascript"> = Buena práctica de JS</li>
</ul>
  <script type="text/javascript">
    alert ("GRACIAS, SUPER CLASE!!!, NOTA: los espacios en el texto son para no interferir con el código ;)" );
  </script>
</body>
</html>

Hola! Comparto mis apuntes personales. Soy nueva super nueva en el tema. Espero le sean útil a alguien. Slds! HPSCAN.jpg

Freddy deja los apuntes de todo el curso en una de las clases
El que se tardó 3hrs escribiendo sus propios apuntes:
mike-wazowski-con-cara-de-sullivan01578859264.jpg

hola me llamo ramses y tengo 13 años y estoy empesando y yo se algo mas o menos de de html, css, javascript, y con esto quiero ser un profesional

Acá les comparto mis apuntes de esta sección. Suerte 😄. No me dejó compartir el link.
1.3.png
1.4.png
1.5.png
1.6.png
1.7.png

Dejo el PDF por acá mientras arreglan el problema 😃

<script type ="text/javascrip">
  var Si entiendo lo que explica Freddy = 1;
  var Y estudio y practico = 2;
  var Entonces podre crear mi propia web = x + y;
  document.write("El resultado es: " + Entonces podre crear mi propia web);
</script>

significado
head es la cabecera, dentro de ella puede ir el titulo
title etiqueta del titulo de la pagina web
style cabecera del diseño grafico (color de fondo, letra etc.)
strong letra negrita
body etiqueta de la información web
p párrafo
cada concepto de abre y se cierra de la siguiente manera
<cooncepto> escribes la informacion y/o el cogido </concepto>
abres cierras

muchas gracias, tengo 13 años y estoy aprendiendo a programar gracias a ti

Hola chavos, les recomiendo siempre despues de terminar una clase, leer los comentarios ya sean los Nuevos o los Mas Votados, ahi van a complementar lo aprendido e incluso en ocasiones aprender cosas nuevas, para eso esta es una comunidad. Les estare dejando comentarios donde les doy consejos de aprendizaje basado a mi experiencia. Saludos ❤️

Captura41.PNG

Gracias Freddy. Ahora estoy de lleno con VB6 (jajaja no es broma, en mi empresa eso usamos) y Transact-SQL. Pero para pulir malas practicas me cae muy bien este curso básico. Sin duda veo en Platzi una gran ayuda y guía para iniciarme en nuevas tecnologías y el animo de una gran comunidad. Saludos desde Mérida, MX.

¡Genial! Comparto mis apuntes también 😄
apuntes 1.jpg

apuntes 2.jpg
apuntes 3.jpg
<script>
document.write(" mama lo pude hacer");
</script>

DEBERIAMOS DE HACER UN GRUPO DE WHATS

Cada día crece aún más mi interés en la programación, las explicaciones son muy claras y en algunos momentos divertidas. Las herramientas utilizadas y el lenguaje utilizado hacen muy fácil la comprensión de los temas. You’re the best!!.

alert(“Muy buen curso 😃”);

20200721_145810.jpg

Muchas gracias a todo el equipo de PLATZI, realmente son una inspiración como latinoamericanos a superar el síndrome del impostor, yo hasta unos meses y durante toda mi carrera universitaria de ingeniería eléctrica odie programación pero gracias a sus clases y sus videos me han hecho cambiar de opinión y buscar un camino en la industria de la tecnología que estoy convencido que es el futuro próximo en área económica y laboral a nivel mundial.

alert(“Cada dia me gusta mas estudiar en Platzi”);

la programación me esta llamando!

Muchas cosas noté que son ejercicios matemáticos y algunos no entendí la relación, sin embargo se le agradece!


Gracias estimado Tutor, expone la programación de una manera interactiva y dinámica que permite una mejor comprensión al usuario y motivación para ver los siguientes contenidos digitales.
Yo como PCD (persona con condición de discapacidad) Discapacidad Visual (Baja Visión) me frustro de una u otra manera por que no alcanzo a identificar ciertos caracteres como punto y como, coma etc.
Pero al escuchar claramente y utilizar herramientas accesibles e incluyentes, permite un mejor aprendizaje

Gracias.

Formula para calcular la potencia de una resistencia calefactora.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Potencia de una resistencia</title>
    <style>
    body
    {
      background-color: Yellow;
      color: black;
      font-family: Frontier;
    }
    strong
    {
      background-color: white;
      color: blue;
      Frontier
    }
  </style>
  </head>
  <body>
    <h1>Calcular la Potencia de una resistencia o calefactor eléctrico</h1>
    <P> Esta fórmula la utilizo cuando tengo que reemplazar alguna resistencia, sin datos, del pack para deshielo en alguna cámara frigorifica en los buques</p>
    <h2> Potencia es igual a Voltaje al cuadrado, dividido por el valor de la Resistencia<h2>
    <script>
    var Voltaje = prompt("Ingresa el Voltaje");
    var Volts = Math.pow(Voltaje,2);
    var Resistencia = prompt("Ingresa la resistencia en ohms");
    var PotenciaA;
      PotenciaA = Volts / Resistencia;
    var Potencia = parseInt(PotenciaA);
      document.write("<strong>Resultado:</strong>     El valor de la potencia es <strong>"  + Potencia + "Watts </strong>");
    </script>
  </body>
</html>```
<script type="text/javascript">
document.write("No lo sé Rick, parece falso");
</script>```

cómo se refresca la página para poder ver los cambios en la construcción de mi código?

Donde puedo encontrar el archivo?

¿Dónde está el PDF? Si alguien lo tiene que por favor me diga cómo conseguirlo o que pase un link de descarga, por favor.

<!DOCTYPE HTML>
<html lang=“es”>

<head>

<meta charset="utf-8">

<title>Mi Primer Curriculum WEB</title>

<link href="Visual.css" rel="stylesheet" />

</head>

<body>

<header>
	<h1>Curriculum WEB</h1>
</header>

<main>

	<article>
	
		<h2>Datos Personales</h2>       

		<ul>
			<li>Nombres: Weishler Joice</li>
			<li>Apellidos: Berman Torres</li>
			<li>Edad: 19</li>
			<li>Nivel de Estudio: Bachiller</li>
		</ul>
		
		<figure>
		
			<img src="http://2.bp.blogspot.com/-BjC4vbP1A_I/TgtlK9wndlI/AAAAAAAABYU/TS9K-GAEkIA/s1600/JOKER+%25281%2529.png" width="80" height="80" alt="Weishler Joice"/>
		
			<figcaption>Weishler Joice</figcaption>
			
		</figure>
		
	</article>
	
	<article>

		<h2>Habilidades</h2>

		<ul>
			<li>Excel</li>
			<li>Word</li>
			<li>PowerPoint</li>
			<li>C++</li>
			<li>HTML</li>
		</ul>
		
	</article>
	
	<article>
	
		<h2>Cursos</h2>

		<ul>
			<li>Ingles:<a href="http://www.cvadelcentro.com/">CVA,<em> Centro Venezolano Americano</em></a> (B-2).</li>
			<li>Algebra</li>
		</ul>
	</article>
	
</main>

<nav>
	<ul>
		<li><a href="Estudios.html">Estudios</a></li>
		<li><a href="Experiencia.html">Experiencia Laboral</a></li>
		<li><a href="Notas.html">Notas</a></li>
	</ul>
</nav>

<aside>

</aside>

<footer>

	<p><a href="informaciondecontacto.html"> ¡Contactar! </a></p>

</footer>

</body>

</html>

¿Encerrado por 15 días?
Pfff, pasan volando con los cursos de Platzi.

http://www.lamolina.edu.pe/osi/manual/Curso_HTML5_v1.pdf es un manual de etiquetas por Freddy, les puede servir

<html>
<head>
<title> Mi Primer: Porro Armado</title>
<style>
body
{
background-color:#AAAAFF;
color: white;
font-family: Helvetica;
}
strong
{
background-color: #FFAAAA;
}
</style>
</head>
<body>
<p>Hola mundo ya casi <strong>me vuelvo un pipi</strong> </p>
<p> Ud es otro pegado</p>
<script>
var x = 1;
var y = 2;
var z = x + y;
document.write ("son las 4:20 madilto jippi " + z);
</script>
</body>
</html>

increible como el tomar buenas decisiones en le dia a dia te lleva a lugares tan productivos y edificantes dare lon mejor de mi en esta nueva aventura de programar, gracias dios por la oportuunidad de estar en exelnte estado de salud x estar vivo amo mi vida y les deseo a todos en este curso que no paren nunca de aprender bendiciones y la mejor energia para ustedes y sus familias gracias a VEGA por su autenticidad y amor por lo que hace.

Si todos nos poyamos y aportamos nuestro granito de arena nos ira bien, y entenderemos mucho mejor las clases… 😄 ❤️

Sería bueno que en todos los cursos de programación tubieran apuntes.

Esto para volver a repasar alguna cosa o consultarla.

Yo me tardo mucho en los cursos de programación porque tomo apuntes

Sería bueno un apoyo como este, a modo de infografías 😃

Gracias,Pague la membresia anual y sin embargo estoy disfrutando mucho este curso gratuito

Un placer ver que muchos estamos aprendiendo algo nuevo

📌 Los apuntes nos permiten repasar lo que aprendimos de forma rápida, excelente recurso para ser más productivo.

Recién comienzo y ya me siento muy motivada con este curso.
Excelente profesor.
¡Muchas gracias!

❤️ en otras plataformas, no se preocupan de esta manera , gracias.

la verdad es que no se nada pero de nada jaja pero si como que me entretiene y me gusta espero este curso me enseñe mucho hasta ahora me han gustado bastante los primeros videos seguire esperando pasar de 0 a saber algo

Agradezco mucho la actualización en la plataforma como aprendizaje, se ve super las actualizaciones, y la forma en la que editan las clases grabadas, la resolución que sea ajustable, y el sistema de archivos ya se ve todo mucho mas organizado, muchas Freddy y todo el equipo de Platzi es super,  Saludos desde la capital del eje cafetero Colombia...

alert ("el mejor curso del planeta")

Ahora toca ahorrar para poder seguir con otros cursos y aprendes muchas mas cosas!

Algunos libros de programación que recomienden?

Pensé que aprender JavaScript era complicado, y siempre me complicaba, diría que mi aprendizaje esta yendo por un buen camino.

<!DOCTYPE html>
<html>
    <head>
        <title> codigo :v </title>
        <style type="text/css">
            body   
            {
                background-color: aquamarine;
                color :black;
                font-family:Arial, Helvetica, sans-serif;
            }
            strong 
            {
                background-color:floralwhite;
            }
        </style>
    </head>
<body>
    <p>esto es una <strong>esto es una prueba</strong> </p>
    <p>este es un salto de linea en otro parrafo <strong>esto es una negrita </strong></p>
    <script>
        var x = 1;
        var y = 2;
        var z = x + y;
        document.write("el valor de z es " + z);
    </script>
</body>
</html>

Wow, enserio esto esta siendo demasiado útil. Estoy descubriendo que programar me gusta mas de lo que pensaba.

CALCULAR POTENCIA de Motores eléctricos trifásicos. Basado en la Lección 9 de “Peso en otro Planeta”, de Freddy.
.
.
<!DOCTYPE html>
<html>
<head>
<title> Potencia trifasica </title>
<style>
body
{
background-color: green;
color: white;
font-family: Frontier;
}
</style>
</head>
<body>
<h1>ELECTROMAR</h1>
<h1> Calculo de Potencia Trifasica para Motores Electricos con ingreso de Voltaje y Corriente</h1>
<h2> Potencia = Voltaje x Corriente x Factor Potencia (0.8) x 1.73 </h2>
<script type=“text/javascript”>
var Volts = prompt(“Cual es el voltaje?”);
var Amper = prompt(“Cual es la Corriente?”);
var FP = 0.8;
var Trifasico = 1.73;
var Potencia;
Potencia = Volts * Amper * FP * Trifasico;
document.write(“El voltaje ingresado es " + Volts + " Volts … La corriente ingresada es " + Amper + " Amperes” + “<br>” + “<br>” + “El valor de la potencia es de " + Potencia + " Watts”);
</script>
</body>
</html>

Micodigo.PNG
IMG_20200704_135439.jpg

Buenas tardes,
Soy nuevo en esto y siento que estoy aprendiendo bastante, excelente curso.

Buenas energías para todos

Recurso básico para aprender más sobre desarrollo WEB

.
La página MDN Web Docs parte del proyecto de Mozilla les será su fiel compañera para resolver dudas y aprender más a fondo sobre JavaScript.

hola profe yo soy nuevo

¡Excelente curso!

este men es el único que tiene la habilidad de hacer las cosas tan interesantes, su explicación a pesar de ser algo que ya sepas lo hace a un ritmo que nunca aburre.

Muchas gracias, he retomado el curso y me parece fantastico, Fredy eres super enseñando. Adelante.

Freddy es un crack explicando!!

Si deseo aprender javascript desde cero a que curso debo entrar? y luego cual le seguiría?

hoy ando aprendiendo chido

Ni en la universidad son asi de claros!!! Grande jhon freddy

Muchas gracias Freddy eres un excelente docente.

hola soy nuevo 😃

Muy feliz de verdad por estas clases! El contenido está súper bien explicado para que principiantes como yo entendamos todo! Me encanta!

¿Puede existir alguien mejor para una clase así? La forma en la que enseña y motiva a seguir aprendiendo es algo que no había visto hasta ahora, completamente encantado.

var x = "Freddy ";
var y = “muchas gracias”;
var z = x + y;
alert(z);

Nunca parar de aprender! y en esas estoy a ver si le hago un pivot a mi carrera de publicista a futura <strong>programadora</strong>

Al principio estaba re perdido, pero después me di cuenta de que habia un archivo

<html>
    <head>
        <title>Viva Cristo Rey</title>
        <style>
            body
            {
                background-color: red;
                color:orange;
                font-family: Helvetica;
            }
            strong
            {
                background-color: indigo;
            }
        </style>
    </head>
<body>
    <p>Veni, Vidi, <strong>Deus</strong> Vincit</p>
    <p>Extra Ecclesiam Nulla Salus</p>
    <script>
        var x = 1;
        var y = 2;
        var cristo_rey = x + y;
        document.write ("El valor de la Santa Trinidad es " + cristo_rey);
    </script>
</body>
</html>

Con mucho positivismo y mas ganas de aprender, muchas gracias por estos cursos! ❤️

ta mamon profe, ahora si me dieron ganas de aprender html

Muchas gracias, excelente instructor

Muchas gracias, Freddy, excelente aporte.

Solo con las primeras 4 clases he aprendido mucho y me he motivado a seguir con las de mas y a por mas!!! alert("gracias Fredy ");

¿Cual es el video que debiese acompañar a este pdf? ¿El que sigue?

Eres un excelente instructor sinceramente. Pase por varios cursos, e inclusive tuve diferentes tutores en la       universidad, pero ninguno tiene tu dedicación, y esa claridad para explicar los conceptos. Gracias!! 

SENSACIONAL TODO LO QUE SE APRENDE

         document.write("Me encanta Platzi, Saludos desde Puerto Rico");

No veo el PDF

alert (“No hay PDF >:C”)

Me gradué de la escuela y nunca tuve unas clases asi tan concretas 😃

Tenía un prejuicio errado sobre tu forma de enseñar, al llevar este curso me callaste la boca. Saludos.

alert ("¿alguien ya encontró el PDF?");

Buenas tardes a todos, dado que no se encuentra el pdf deberíamos reportar el problema para que se hagan los respectivos ajustes, saludos

No es pregunta, es observación, quizas reiterativa, pero no esta por demás, John Freddy, instructor inigualable, nunca conoci a alguien mejor enseñando. Tu sistema el mejor, Felicidades!

Nada menos que esperar del gran CEO de Platzi, un abrazo si algún día ves este mensaje!

Que manera tan excelente de enseñar Freddy, Me animas a entrar a este mundo de la programación y nunca para de aprender.

Freddy es un maestrazo.

Todo va muy bien hasta ahora, si esto sigo entendiendolo así de manera tan sencilla me irá bien en programación IV, muchas gracias Freddy

tu letra no es bonita

Buen material. Aquí comparto mas sobre HTML: https://htmlreference.io

Gracias por el curso . A pesar de ser gratuito No Es balín , No Es chafa …
Excelente …
Cada línea de código explicada , cada tema ligado al anterior .
Provecho a los alumnos ; gracias a @freddier @platzi y @platziteam …
Si este curso está disponible desde 20 septiembre de 2016 disculpe el atraso .

Muy dinamico aprender con Freddy

Freddy, me encanta ver tus clases. Explicas demasiado bien y es super entretenido.

Muchas gracias porque es una gran ayuda para quienes no podemos pagar un curso completo.

Ya tengo el Bachi en Ingeniería pero trabajo en otra cosa y se me olvida lo que aprendí porque no lo estoy utilizando pero me encanta el Desarrollo.

Muy buena explicacion y facil de entender 😃

No es una pregunta, es un agradecimiento, pues la manera de explicar es genial, yo considero que después de ver este modulo gratis será inevitable querer seguir estudiando. muchas gracias Freddy, gracias por tu talento.

Gracias por se tan claro en los videos

tienes una forma de enseñar muy particular! te super felicito! sos muy bueno!