Programador X

GIT es la herramienta más utilizada para controlar versiones en proyectos de desarrollo web, programación, e Ingeniería de Software. Git es un sistema de Control de versiones open source creado por Linus Torvalds. Git te permite guardar el historial de todos los cambios en el proyecto y permite la colaboración en un equipo de programadores localmente 🏡 o remotamente 🌎.

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

Te hablaré un poco sobre lo básico de esta herramienta, los términos más utilizados, los comandos más importantes (git init, git clone, git commit, git push), las plataformas para repositorios (Github, GitLab, BitBucket, TFS), y compartiré ejemplos y experiencias del uso de esta herramienta en proyectos reales.

📚 Contenido
0:00 - ¿Que es GIT? 🎸 GIT ARREANDO!
0:34 - ¿Qué es GIT?
1:08 - Sistemas de Control de Versiones
1:45 - Instalación, uso, init, y clone
3:01 - Repositorio
3:54 - Revisión, Versión, HEAD
5:50 - Rótulos, Tags, o Etiquetas
6:00 - Branch o Rama
6:10 - Commit o Guardar
7:29 - Push o Publicar
8:56 - Merge
9:15 - Merge Request
9:53 - Conflictos
11:37 - Diff o Cambio
12:09 - Flatten
13:19 - Stash y Shelve
13:44 - Sistemas Distribuídos y Centralizados
14:10 - Ventajas de Sistemas Distribuídos
15:16 - Buenas Prácticas
15:30 - Herramientas
15:50 - Plataformas: Github, GitLab, BitBucket, TFS
16:21 - Advertencia!?
17:09 - Preguntas para ti

Recursos:
Página oficial de GIT: https://git-scm.com/
Tutorial: https://www.diegocmartin.com/tutorial-git/

#git #vcs #github

#bitbucket #gitlab #tfs #mercurial
#programador #programacion #ingeniero #desarrollador
#desarrolloweb #frontend #backend #software

Te explico lo fundamental de Angular Framework. Este framework de JavaScript te permite desarrollar aplicaciones web, mobiles, nativas, reactivas y dinámicas. Te hablo de la velocidad, el rendimiento, la escalabilidad y todas las herramientas utilizadas con Angular 11. Explico un poco de su historia y sus partes: módulos, directivas, componentes, data binding, servicios, pipes, routing, y testing.

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

Aprende lo básico antes de empezar con una aplicación CRUD y conoce todas las herramientas avanzadas como angular CLI, AOT, Angular material, SSR, SEO, Schematics, RxJS, y Typescript. Angular es una excelente competencia de React que aunque ya no es el framework para SPA más popular, seguirá siendo relevante por muchos años.

📚 Contenido
0:00 - ¿Qué es Angular? 🚫 No AngularJS! (Angular 11)
0:26 - ¿Qué es Angular?
1:02 - Velocidad y Rendimiento
1:50 - Escalabilidad
2:09 - Herramientas
2:42 - Soporte y Documentación
3:19 - Single Page Application (SPA)
3:40 - Historia: Angular
4:16 - Historia: Angular 2
4:55 - AOT & JIT
5:44 - Pilares: Typescript, RxJS, y zone.js
6:25 - Angular CLI
6:46 - Partes: Módulos
7:18 - Partes: Componentes & Directivas
7:42 - Partes: Data Binding
8:10 - Partes: Servicios
8:29 - Partes: Pipes
8:37 - Partes: Librerías
9:18 - Partes: Librerías
10:43 - Popularidad
11:48 - Conclusión
12:04 - Preguntas para ti

Recursos:
Página oficial de Angular: https://docs.angular.lat/

#angular #angularjs #spa

#html #css #react #javascript
#programador #programacion #ingeniero #react
#desarrolloweb #frontend #backend #software

Música:
Mario Bava Sleeps In a Little Later Than He Expected To de Chris Zabriskie cuenta con una licencia Creative Commons Atribución 4.0. https://creativecommons.org/licenses/by/4.0/
Fuente: http://chriszabriskie.com/vendaface/
Artista: http://chriszabriskie.com/

¿Se puede ser programador profesional sin haber ido a la universidad y sin título o diploma?
¿Necesitas estudiar Ingeniería Informática, Ingeniería en Sistemas, o Ingeniería de Software para trabajar en la industria de la tecnología como programador?

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

Te dejo muchos detalles sobre la carrera universitaria, el título que necesitas, la diferencia entre programador, desarrollador e ingeniero, y mis experiencias personales trabajando en esta industria. También comparto experiencias trabajando con profesionales con título y sin título.

Hoy en día puedes buscar trabajo en Google, Microsoft, Facebook, Apple, sin necesidad de tener un título de la universidad. Te muestro que en estas compañías puedes tener el rol Ingeniero de Software.

⚠️ NOTA: Mi intención no es decirte que dejes la Universidad sino tan solo explicarte si es posible trabajar en esta industria sin tener título. Es más, yo no me arrepiento para nada de haber obtenido mi título en la Universidad.

📚 Contenido
0:00 - ¿Ingeniero de Software sin título? ¿Necesito la Universidad para ser Programador o Desarrollador?
0:38 - Programador vs Desarrollador vs Ingeniero de Software
2:20 - ¿Qué es un Ingeniero?
4:20 - ¿Qué es un Ingeniero de Software?
5:05 - Necesito un título para trabajar como Ingeniero de Software
5:32 - Personas exitosas que botaron la universidad
6:10 - ¿Necesito ir a la Universidad?
8:33 - ¿Por qué hay personas que piensan que el título es necesario?
10:15 - Requerimiento de título basado en locación
10:46 - Algunas tecnologías se vuelven obsoletas
11:14 - Certificaciones y Diplomas
11:27 - Empleadores, Empresas, y Contratadores
12:12 - Experiencia vs Educación
14:18 - Conclusión
14:28 - Preguntas para ti

#universidad #titulo #programadorX

#html #css #react #javascript
#programador #programacion #ingeniero #react
#desarrolloweb #frontend #backend #software

Música:
Mario Bava Sleeps In a Little Later Than He Expected To de Chris Zabriskie cuenta con una licencia Creative Commons Atribución 4.0. https://creativecommons.org/licenses/by/4.0/
Fuente: http://chriszabriskie.com/vendaface/
Artista: http://chriszabriskie.com/

Te revelo as partes más importantes para construir un portafolio exitoso como programador, desarrollador web, Ingeniero de Software, y/o diseñador. Analizo el diseño y el contenido para darte toda la información que necesitas para llevarlo a una entrevista de trabajo de empresas interesadas en tus habilidades o presentarlo a nuevos clientes si trabajas independientemente o como freelancer.

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

También te doy ideas para proyectos que puedes incluir en el portafolio y una demostración de lo que mi portafolio incluye. Las ideas compartidas en este video también son aplicables a un programador de hardware, programador móvil, programador backend, o diseñador.

📚 Contenido
0:00 - ¿Cómo construir un Portafolio como programador?
1:15 - ¿Qué es un portafolio?
4:34 - Partes de un portafolio: Hero
5:12 - Paleta de colores
6:07 - Partes de un portafolio: Navegación
7:04 - Partes de un portafolio: Portafolio
9:42 - Responsive design
9:55 - Partes de un portafolio: Habilidades
10:56 - Conclusión
11:36 - Ideas para proyectos
12:10 - Preguntas para ti

PORTAFOLIO 🎨
Link: http://www.xaviro.com/
Github: https://github.com/xrochoa/PortfolioBuild

#portafolio #programadorX #diseñoweb

#html #css #react #javascript
#programador #programacion #ingeniero #react
#desarrolloweb #frontend #backend #software

Wow! 1000 subscriptores! Hago el unboxing de 3 dispositivos que son útiles y divertidos para programadores, y comparto un par de canales de programadores de esta comunidad. Gracias! 🙌

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

📚 Contenido
0:00 - 1000 Suscriptores 1000 Gracias
1:46 - Nota de Universidad
2:40 - Unboxing Govee Strip Lights
3:17 - Unboxing Falcon Eye PockeLite F7-L
6:15 - Unboxing Logitech G915 TKL
7:44 - Recomendaciones de canales

UNBOXING 📦
Falcon Eye PockeLite F7-L: https://www.falconeyeshk.com/product-page/pockelite-f7
Govee Strip Lights: https://www.govee.com/product/rgbic
Logitech G915 TKL: https://www.logitechg.com/en-us/products/gaming-keyboards/g915-tkl-wireless.html

BLOG DE IOT 🤖
https://www.freshconsulting.com/how-to-get-started-internet-of-things-iot/

CANALES DE COLEGAS PROGRAMADORES 💻
Damian Sire Desarrollo: https://www.youtube.com/channel/UCc0nQ-PfJBYT7KN72q30r0A
FapCod: https://www.youtube.com/channel/UCaypB7CvHIK0-aQNjp5E4Ag

#programadorX #vidadeprogramador #unboxing

#html #css #react #javascript
#programador #programacion #ingeniero #ingenieria
#desarrolloweb #frontend #backend #software

Hip Hop Christmas de Twin Musicom cuenta con una licencia Creative Commons Atribución 4.0. https://creativecommons.org/licenses/by/4.0/

Artista: http://www.twinmusicom.org/

¿Qué es y cómo utilizar la terminal si eres o quieres ser programador@. También te explico las diferencias entre consola vs terminal vs shell vs CLI. 💻 Vamos a hablar de la historia de la evolución de la terminal y las GUIs y por qué seguimos utilizando el shell.

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

Finalmente te enseño a utilizar los comandos más básicos de bash (linux y mac) que también funcionan en powershell (windows). Estos son los comandos más básicos: echo, pwd, cd, ls, mkdir, touch, rm, rmdir, nano

📚 Contenido
0:00 - ¿Qué es la terminal y cómo la uso?
1:01 - Historia de la consola y las GUIs
1:38 - ¿Por qué segimos utilizando la terminal?
3:07 - El CLI para hacer lo que quieras
3:25 - Consola vs terminal vs shell vs CLI
3:56 - Tutorial: Comandos básicos
6:42 - Página web desde bash
7:48 - Retos
8:12 - Personalización, colores y Hyper.js
8:24 - Preguntas para ti
8:49 - Comando de una galaxia lejana

#terminal
#consola
#bash

#html #css ##react #programadorX
#programador #programacion #ingeniero #ingenieria
#desarrolloweb #frontend #backend #software

En este tutorial vas a aprender a usar a la librería GSAP para animación con HTML5 y javascript. Esta librería te permite hacer animaciones fluídas como mantequilla derretida. 🧈

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

El tutorial cubre todo lo básico de crear animaciones con y sin el timeline utilizando HTML/CSS & GSAP en el navegador. GSAP 3 trae muchos APIs que te permiten tener mucho más control con tus animaciones que en versiones anteriores.

GSAP 👉 https://greensock.com/?&_rid=90559
Archivo tutorial GSAP 👉 https://github.com/xrochoa/gsap-tutorial
Comparación de velocidad 👉 https://greensock.com/js/speed.html?&_rid=90559
Mi portafolio 👉 http://www.xaviro.com/
Archivos de animaciones 👉 https://github.com/xrochoa/video-animations

📚 Contenido
0:00 - Animaciones en Javascript con GSAP 3.0
0:34 - Instala GSAP
0:58 - Qué es un CDN?
1:36 - GSAP Set
2:30 - Comparación de velocidad
3:49 - GSAP To
5:08 - Visualizador de Ease
5:56 - Animando objetos de JS
6:50 - GSAP From
8:51 - GSAP Timeline
10:06 - GSAP Controls
10:48 - Más detalles de GSAP
12:41 - Proyectos: Portafolio
13:04 - Proyectos: Animaciones para video
14:23 - Preguntas para ti

#gsap
#javascript
#animaciones

#html #css ##react #programadorX
#programador #programacion #ingeniero #ingenieria
#desarrolloweb #frontend #backend #software

Te explico todas las tecnologías que hay que aprender para ser un programador web, desarrollador web o ingeniero de software en el año 2021. Puedes enfocarte en frontend, backed, fullstack o devops. 💻 Estas son mis recomendaciones ya que fue mi ruta de aprendizaje empezando por frontend y expandiendo hacia backend y devops. También recomiendo las librerías y framewors más populares de Javascript en esta ruta para de aprendizaje de programación web.

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

El año 2021 va ser otro año de avances tecnológicos lleno de oportunidades en esta carrera de la programación. No dejes pasar el tiempo y empieza a seguir esta ruta para ser programador. El futuro es tuyo! 🙌

📚 Contenido
0:00 - Ruta para ser programador web en el 2021
0:49 - Frontend Básico
6:52 - Frontend Avanzado
10:38 - Backend
16:37 - DevOps
18:22 - Recomendación de estudios
19:15 - Preguntas para ti

#tecnologiasweb
#programacionweb
#programadorX

#html #css #javascript #react
#programador #programacion #ingeniero #ingenieria
#desarrolloweb #frontend #backend #software

La pequeña montaña en el thumbnail fue diseñada por kjpargeter / Freepik. http://www.freepik.com

React o ReactJS es una librería de Javascript que permite generar componentes y reusarlos en tu página web o aplicación web. Eso significa que escribes menos código y logras más! 🏃🏽‍♂️ ReactJS también es muy popular y hay muchísimos trabajos para ingenieros de software y desarrolladores que conocen de esta tecnología. De igual manera se puede utilizar para crear aplicaciones para dispositivos móviles con React Native. Prepárate para aprender esta tecnología! 💻

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

Recursos para aprender React:
Página oficial en Español: https://es.reactjs.org/

#reactjs
#programadorX
#programacionweb

#html #css #javascript #react
#programador #programacion #ingeniero #ingenieria
#desarrolloweb #frontend #backend #software

Qué es JQuery? Está muerto? Lo uso en 2021? Estas son las preguntas para nuevos programadores que piensan usar JQuery después de aprender HTML, CSS y Javascript. En este video, Programador X te da sugerencias y experiencia trabajando con JQuery en el futuro.

📚 MIS CURSOS 👉 https://www.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa

"Como un Afiliado de Amazon, gano por compras elegibles"

Recursos excelentes para estudiar JQuery:
Bluuweb!: https://www.youtube.com/watch?v=DVN8NWppCN0
W3Schools: https://www.w3schools.com/jquery/
JQuery: https://learn.jquery.com/

#jquery
#programadorX
#programacionweb

#html #css #javascript #react
#programador #programacion #ingeniero #ingenieria
#desarrolloweb #frontend #backend #software