What is a Front End Developer?
How do I become a Full Stack Developer?
What are the skills required for Java Full Stack Developer?
De verdad no has empezado directamente por HTML5?
casi 8 horas
se ve bueno 😉
En este curso te enseño los fundamentos de HTML, el lenguaje de marcado que define el contenido en la web.
📦 RECURSOS
🟠 Repositorio de Códigos en GitHub – https://github.com/jonmircha/youtube-html-css
🔵 Configuración de VisualStudio Code:
➡️ Artículo – https://jonmircha.com/vscode
➡️ Video – https://www.youtube.com/watch?v=twrKk-2vRbU
➡️ Atajos Windows – https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
➡️ Atajos Mac – https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf
🟢 Emmet.io – https://emmet.io/
🟠 Enlaces de la documentación de HTML:
– https://www.w3.org/html/
– https://html.spec.whatwg.org/
– https://www.w3.org/blog/news/archives/7753
– https://developer.mozilla.org/es/docs/Web/HTML
🟠 HTML Reference – https://htmlreference.io/
🟠 Caracteres especiales HTML – https://desarrolloweb.com/articulos/11.php
🟡 Videos de Formularios:
– https://www.youtube.com/watch?v=dyaH-gdiD34&list=PLvq-jIkSeTUZ6QgYYO3MwG9EMqC-KoLXA
– https://www.youtube.com/watch?v=AGPalf1C8Ms&list=PLvq-jIkSeTUZ6QgYYO3MwG9EMqC-KoLXA
– https://www.youtube.com/watch?v=eve9v2g6JXc&list=PLvq-jIkSeTUZ6QgYYO3MwG9EMqC-KoLXA
– https://www.youtube.com/watch?v=2M4Ur8aa6MY&list=PLvq-jIkSeTUZ6QgYYO3MwG9EMqC-KoLXA
– https://www.youtube.com/watch?v=Fu8U4ICAO_Y&list=PLvq-jIkSeTUZ6QgYYO3MwG9EMqC-KoLXA
🟡 Video Expresiones Regulares: https://www.youtube.com/watch?v=aPkBloR9MEI&list=PLvq-jIkSeTUZ6QgYYO3MwG9EMqC-KoLXA
🟠 Expresiones Regulares del Formulario de Contacto
– ^[A-Za-zÑñÁáÉéÍíÓóÚúÜü\s] $
– ^(\w [/./-]?){1,}@[a-z] [/.]\w{2,}$
🟠 FormSubmit – https://formsubmit.co/
🟡 DataAtributtes: https://www.youtube.com/watch?v=l6npGZa_vgc&list=PLvq-jIkSeTUZ6QgYYO3MwG9EMqC-KoLXA
🟠 Open Graph protocol – https://ogp.me/
🟠 Accesibilidad en la Web
– https://web.dev/accessible/
– https://html5accessibility.com/
– https://www.w3.org/blog/news/archives/8889
– https://www.youtube.com/channel/UCU6ljj3m1fglIPjSjs2DpRA/videos
📖 CURSOS RECOMENDADOS:
🔴 Fundamentos HTML – https://www.youtube.com/watch?v=-oK6zL01fNM
🔴 Fundamentos CSS – https://www.youtube.com/watch?v=K3xmRF8ab1o
🔴 Unidades y Estilos CSS – https://www.youtube.com/watch?v=p_lT7AgpEMU
🔴 Efectos Visuales y Movimiento en CSS – https://www.youtube.com/watch?v=mVhoGXkDbMw
🔴 Responsive y Arquitectura CSS – https://www.youtube.com/watch?v=udGrXWeJp1Y
🔴 Flexbox CSS – https://www.youtube.com/playlist?list=PLvq-jIkSeTUbQc3dGsssp8lxAi5npMrys
🔴 Grid CSS – https://www.youtube.com/playlist?list=PLvq-jIkSeTUY628cyd9LVbXSXi2xG9mUl
🔴 Taller de Maquetación – https://www.youtube.com/playlist?list=PLvq-jIkSeTUbf3LXzO2QQa3P-oRMcrTAp
🔴 Figma – https://www.youtube.com/playlist?list=PLvq-jIkSeTUbpfewvbKLhHctdkgadAy-K
🟡 JavaScript – https://www.youtube.com/playlist?list=PLvq-jIkSeTUZ6QgYYO3MwG9EMqC-KoLXA
🔵 React – https://www.youtube.com/playlist?list=PLvq-jIkSeTUZ5XcUw8fJPTBKEHEKPMTKk
📝 ÍNDICE:
1. 0:00:00 – Bienvenida
2. 0:02:29 – Software que debemos instalar para comenzar.
3. 0:07:01 – Configuración de Visual Studio Code.
4. 0:08:46 – Creando mi primer documento HTML
5. 0:15:13 – Emmet.io y Atajos de Visual Studio Code
6. 0:22:17 – Introducción a HTML y su documentación
7. 0:34:37 – Estructura básica de un documento HTML
8. 0:47:13 – Comentarios en HTML
9. 0:51:03 – Etiqueta html y el atributo lang
10. 0:58:36 – Etiqueta DOCTYPE
11. 1:01:33- Atributo charset
12. 1:10:43- Meta etiqueta viewport
13. 1:16:31 – Título y Descripciones
14. 1:24:05 – Tabla Periódica de los Elementos HTML
15. 1:32:50 – Encabezados
16. 1:38:14 – Etiquetas de texto básicas
17. 1:43:35 – Etiquetas de texto semánticas
18. 1:48:59 – Etiquetas de salto
19. 1:56:37 – Etiquetas de formateo
20. 2:03:31 – Etiquetas semántica estructurales
21. 2:15:38 – Interpretando la semántica en HTML
22. 2:29:40 – Etiquetas de línea y de bloque
23. 2:40:42 – Estilos en HTML
24. 2:50:03 – Scripts en HTML
25. 2:55:21 – Imágenes
26. 3:03:13 – Vectores
27. 3:13:41 – Figuras
28. 3:17:54 – Listas Ordenadas
29. 3:22:49 – Listas Desordenadas
30. 3:25:57 – Listas de Definición
31. 3:29:42 – Tablas
32. 3:46:28 – Enlaces
33.…
4 hours
se ve buena 😉
This HTML Full Course for Beginners is an all-in-one beginner tutorial and complete course full of just over 4 hours of HTML code and instruction to help you learn web development skills. This course teaches HTML5. Think of this HTML full course tutorial as a HTML5 video textbook with 10 clearly defined chapters.
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
❗ During the tutorial I mention several resources to be provided «in the description below» including links to source code for the various chapters. I have put all of these resource links in one GitHub repository.
🔗 All Resources for this HTML Tutorial Series: https://github.com/gitdagray/html_course
📬 Course Updates ➜ https://bit.ly/3q2FKjt
HTML Full Course for Beginners:
(0:00:00) Intro
(0:00:41) Chapter 1: Start Here
(0:19:58) Chapter 2: Head Element
(0:28:48) Chapter 3: Text Basics
(0:49:31) Chapter 4: List Types
(0:59:40) Chapter 5: Add Links
(1:30:24) Chapter 6: Add Images
(2:00:43) Chapter 7: Semantic Tags
(2:24:39) Chapter 8: Create Tables
(2:40:27) Chapter 9: Forms & Inputs
(3:25:01) Chapter 10: HTML Project
⚙ Web Dev Tools:
Chrome Browser: https://www.google.com/chrome/
Dark New Tab Chrome Extension: https://chrome.google.com/webstore/detail/dark-new-tab/kcphhkbdlfggickaoeiahdcfhagfbajl?hl=en
Visual Studio Code (VS Code): https://code.visualstudio.com/
Live Server Extension: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Prettier VS Code Extension: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
vscode-icons VS Code Extension: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
Github Themes VS Code Extension: https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
W3C HTML Validator: https://validator.w3.org/
HTML5 Outliner: https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo
📚 References:
MDN HTML: https://developer.mozilla.org/en-US/docs/Web/HTML
MDN HTML Elements Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
HTML Entities Character Chart: https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references
🚀 Semantic HTML References:
MDN Web Glossary for Semantics: https://developer.mozilla.org/en-US/docs/Glossary/Semantics
w3Schools Semantic HTML: https://www.w3schools.com/html/html5_semantic_elements.asp
MDN Document and website structure: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure
🚀 HTML Table References:
MDN Table Basics: https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics
MDN Advanced Tables and Accessibility: https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced
🚀 HTML Forms References:
MDN Web Forms: https://developer.mozilla.org/en-US/docs/Learn/Forms
MDN Form Element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form
✅ Follow Me:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
☕ Buy Me A Coffee: https://www.buymeacoffee.com/davegray
Was this HTML full course with 4 hours of instruction helpful? If so, please share. Let me know your thoughts in the comments.
#html #full #course
4 hours
se ve buena 😉
Learn HTML in this complete course for beginners. This is an all-in-one beginner tutorial to help you learn web development skills. This course teaches HTML5.
✏️ Dave Gray created this course. Check out his channel: https://www.youtube.com/davegrayteachescode
💻 Code: https://github.com/gitdagray/html_course
⭐️ Course Contents ⭐️
(00:00:00) Intro
(00:00:55) Chapter 1 – Getting Started
(00:20:13) Chapter 2 – Head Element
(00:29:02) Chapter 3 – Text Basics
(00:49:45) Chapter 4 – List Types
(00:59:55) Chapter 5 – Add Links
(01:30:38) Chapter 6 – Add Images
(02:00:58) Chapter 7 – Semantic Tags
(02:24:53) Chapter 8 – Create Tables
(02:40:42) Chapter 9 – Forms & Inputs
(03:25:16) Chapter 10 – HTML Project
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
6 hours 31 mins
se ve bueno 😉
In this full course, we learn how to build websites with HTML and CSS, and get started as a software engineer.
Exercise solutions: https://supersimple.dev/courses/html-css-course#exercises
Copy of the code: https://supersimple.dev/courses/html-css-course#code
HTML and CSS reference: https://supersimple.dev/html
Lessons:
0:00 Intro
1:02 1. HTML Basics
17:42 2. CSS Basics
44:39 3. Hovers, Transitions, Shadows
1:03:10 4. Chrome DevTools & CSS Box Model
1:17:30 5. Text Styles
1:52:18 6. The HTML Structure
2:11:08 7. Images and Text Boxes
2:25:42 8. CSS Display Property
2:34:58 9. The div Element
2:46:55 10. Nested Layouts Technique
3:16:58 11. CSS Grid
3:43:58 12. Flexbox
4:15:21 13. Nested Flexbox
4:44:36 14. CSS Position
5:07:14 15. Position Absolute and Relative
5:33:49 16. Finish the Project
6:07:46 17. More CSS Features
6:30:21 Outro
Additional Information:
This HTML CSS full course is a series of HTML CSS tutorials, teaching the major skills that we need to create complex websites. Each HTML CSS tutorial builds on a project and provides some HTML CSS exercises to practice what we learned. By the end, we’ll learn the basics of web development and we’ll be on our way to becoming a web developer and software engineer.
#htmltutorial #csstutorial #htmlcssfullcourse #html #css #tutorial #fullcourse #course #htmltutorial #csstutorial #htmlcsstutorial #htmlfullcourse #cssfullcourse #webdevelopment #advancedhtmltutorial #advancedcsstutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev
11 hours
se ve bueno
Don’t Forget To Subscribe, Like & Share
If you want me to upload some courses please tell me in the comments.
This Specialization course is design to cover how to write correct syntax of HTML5 & CSS3. How to create & DESIGN interactional web pages with JavaScript. This course will enable you to develop high quality master web sites that, work seamlessly on mobile, tablet, & desktop. At the end the capstone project will help broaden your expertise by developing an expert quality web portfolio demonstrating your boom as an internet developer & your understanding of handy web design. This will include your ability to design and implement a responsive site that utilizes tools to create a site that is accessible to a wide audience, including those with visual, audial, physical, and cognitive impairments.
INTRODUCTION TO HTML5
0:00:00 Welcome to Introduction to HTML 5
0:09:23 The Evolution of HTML
0:18:59 How it Works The Magic of Page Requests
0:28:05 Looking at your Browser Options
0:33:30 Editors How to use an editor to create an HTML file
0:48:27 How to use Codepen
0:50:53 The Document Object Model (DOM)
1:00:52 HTML5 Tags and Syntax
1:13:02 Semantic Tags
1:19:07 Template Page
1:26:18 Images
1:35:40 Font Awesome Demo
1:44:00 Hyperlinks
1:53:24 Multimedia
2:00:48 Tables
2:09:03 Useful Tags
2:20:44 Accessibility
2:31:45 Validating Your Site
2:38:48 Wave
2:45:51 Funkify
2:50:35 Hosting Your site
2:55:41 cPanel
3:04:13 Creating a GitHub Pages Account
3:09:42 Uploading to GitHub Pages Account
3:18:08 Using Secure File Transfer Protocol
3:26:00 Final Project Demo
3:28:40 Closing
INTRODUCTION TO CSS3
WEEK ONE: GETTING STARTED WITH SIMPLE STYLING
3:32:35 Course Welcome
3:40:34 Cascading Style Sheets
3:57:21 Colors
4:06:46 Styling Your Text
4:18:55 Code Together
4:28:17 Display and Visibility – Part 1
4:40:11 Display and visibility – Part 2
4:48:10 Optional — Homework Description
WEEK TWO: ADVANCED STYLING
4:53:09 Box Model
5:06:54 code Together
5:15:51 Styling Links and Lists
5:27:48 Advanced Selectors
5:40:34 Browser Capabilities
5:51:45 Code Together
5:59:33 Designing for Accessibility
6:06:16 Optional – Homework Description
WEEK THREE: PSUEDO-CLASSES, PSEUDO-ELEMENTS, TRANSITIONS, AND POSITIONING
6:12:33 Pseudo Classes and Elements
6:16:09 Transitions
6:22:03 Transforms
6:27:30 Code together – Transitions
6:31:40 Positioning
WEEK FOUR: PUTTING IT ALL TOGETHER
6:41:54 Styling Tables
6:47:19 Creating Navigation Menus
6:50:54 Accessible Navigation
6:58:12 Creating Navigation Menus 2
7:01:37 Creating Navigation Menus 3
7:07:08 Optional – Homework Description
7:13:34 Conclusion
INTERACTIVITY WITH JAVASCRIPTS
WEEK ONE: INTRODUCTION TO JAVASCRIPT
7:16:25 Introduction
7:20:54 DOM Review with Object Oriented programming
7:27:26 Output
7:40:30 Variables
7:49:56 Data Types
7:58:23 Operation and Expressions
WEEK TWO: REACTING TO YOU AUDIENCE
8:06:50 Functions
8:14:08 Code Placement
8:20:41 Folder Structure Organizing Your Code
8:26:15 Events
8:36:20 Code with me – Events
8:44:07 This
8:53:38 Photo Gallery
WEEK THREE: ARRAYS AND LOOPING
8:59:31 JavaScript Arrays
9:06:44 Code with me – Arrays
9:12:02 JavaScript Iteration
9:20:00 Flow of Control
9:31:45 code with me – Combining Loops and Conditionals
9:38:22 Advanced Conditionals
9:46:06 Common Errors
WEEK FOUR: VALIDATING FORM DATA
9:56:09 Simple Forms
10:08:24 Simple Validation
10:19:00 Comparing Two Inputs
10:27:27 Checkboxes and Radio Buttons
10:38:57 Conclusion
⭐ Important Notes ⭐
⌨️ The creator of this course is University of Michigan is licensed under CC BY.
⌨️ For earning certificate, enroll for this course here: https://www.coursera.org/specializati…
#webdevelopment,
#webdevelopmentfullcourse,
#web development tutorial,
#full stack web development,
#web developer,
#web development course,
#webdevelopmentfromscratch,
#website development,
#learn web development,
#web designing full course,
#web design tutorial,
#full stack web development course,
#web development tutorial for beginners,
#htmlcssjavascripttutorial,
#full stack developer…
11 hours 30 mins
se ve bueno
This video on Front End Development covers all the important front end development tools and technologies. Front end development is the part of web development that codes and creates front end elements of a website, which are features that are directly accessible by the end-user or client. This Frontend Development Full Course covers the concepts of Git, HTML, CSS, JavaScript, React and Angular.
Below are the topics covered in this video:
00:00:00 Introduction
00:01:40 Git and Github
02:18:03 HTML
02:26:32 HTML Registration Form
02:42:32 HTML Quiz
03:29:38 CSS
06:03:58 JavaScript
08:36:40 ReactJS
09:26:01 Angular
🔥FREE Git Course With Completion Certificate: https://www.simplilearn.com/learn-git-basics-skillup?utm_campaign=FEFCJun22&utm_medium=Description&utm_source=youtube
🔥FREE Angular Course With Completion Certificate: https://www.simplilearn.com/learn-angular-basics-free-course-skillup?utm_campaign=FEFCJun22&utm_medium=Description&utm_source=youtube
🔥FREE JavaScript Course With Completion Certificate: https://www.simplilearn.com/learn-javascript-basics-free-course-skillup?utm_campaign=FEFCJun22&utm_medium=Description&utm_source=youtube
🔥FREE ReactJS Course With Completion Certificate: https://www.simplilearn.com/learn-react-js-basics-free-course-skillup?utm_campaign=FEFCJun22&utm_medium=Description&utm_source=youtube
✅Subscribe to our Channel to learn more about the top Technologies: https://bit.ly/2VT4WtH
#FronEndFullCourse #FrontEndDeveloper #FrontEndWebDevelopment #FromEndWebDevelopmentCourse #LearnFronEndWebDevelopment #LearnFrontEndWenDevelopmentFromScratch #Simplilearn
What is a Front End Developer?
A front end developer, also known as a front end web developer, is a professional responsible for the design and implementation of the interface. The users require this interface so that they can access the application in question. A web designer is a professional who creates a website’s appearance and design. And the front end developer makes sure that the design works online by using coding languages such as CSS, HTML, and JavaScript.
Front End Developer Roles and Responsibilities
If you’re wondering what a front end developer does, he must:
✅ Decide web page design and structure
✅ Develop features to enhance the users’ experience
✅ Striking a balance between functional and aesthetic design.
✅ Make sure the web design is smartphone-capable
✅ Build reusable code for future use
✅ Make sure web pages are optimized for best speed and scalability
✅ Employ a diverse selection of markup languages to design web pages
✅ Keep the brand consist throughout the whole design
About Full Stack Java Developer Course:
This Full Stack Java Developer Job Guarantee Program is a comprehensive six-month program, in partnership with HIRIST and HackerEarth, is designed to fast track your career as a Full Stack Developer focusing on industry demand, with a starting salary of up to ₹5 LPA.
Key Features of this About Full Stack Java Developer Course:
✅250 hours of Applied Learning
✅Industry recognized certification
✅20 lesson-end and 6 phase-end projects
✅30 in-demand tools and skills
✅4 industry-aligned capstone projects
✅Lifetimes access to high-quality course content
✅Cohort-based online program structure
✅24×7 online assistance
Skills covered in this About Full Stack Java Developer Course:
✅Agile
✅Java
✅Hibernate and JPA
✅Spring Core 5.0
✅DevOps
✅HTML5 and CSS3
✅AWS
✅JavaScript ES6
✅ServletsSOAP and RESTJSP
How do I become a Full Stack Developer?
In order to become a full-stack developer, you will have a working knowledge of front-end tools, back-end tools, and databases. You will be able to work as part of a Scrum team, following Agile methodologies, building and delivering features.
What are the skills required for Java Full Stack Developer?
A full-stack Java developer is a professional who is skilled in end-to-end software development. So, full-stack Java developers should have front-end development skills (HTML, CSS, Javascript, ReactJS), back-end development skills (Python, Java, Ruby programming, Node.JS) as well…
4 hours
se ve bueno
HTML & CSS tutorial for beginners
#HTML #CSS #tutorial
⭐ TIME STAMPS ⭐
(00:00:00) HTML tutorial for beginners 🌎
(00:11:05) comments, headings, and spacing 💬
(00:25:31) text formatting 💭
(00:31:59) links & images 📷
(00:44:16) lists 📋
(01:00:45) tables 📊
(01:15:16) audio 🔊
(01:26:35) video 🎥
(01:33:11) buttons 🛎️
(01:44:22) forms 📝
(02:07:50) meta tags 🏷️
(02:15:29) colors 🖍️
(02:22:27) span & div tags 🏁
(02:26:16) CSS tutorial for beginners 🎨
(02:41:04) fonts ツ
(02:50:46) borders 🖼️
(03:02:23) backgrounds 🌆
(03:17:18) margins 📏
(03:27:31) shadows 👥
(03:35:23) pseudo classes 🦄
(03:50:19) positioning 🎯
(04:08:29) transformations 🦋
(04:17:37) animations 🎞️
(04:31:19) navigation bar 🗺️
(04:39:03) flexbox 💪
(04:49:46) icons 💯
Here’s the link to the full playlist. Source code can be found pinned within the comment’s section of each individual video:
#HTML #CSS #tutorial
11 hours
se ve bueno
Source Code : www.johnsmilga.com
Products I Use:
Microphone – Shure SM7B – https://amzn.to/3fX55aD
Headphones – Shure AONIC 50 – https://amzn.to/3zbkxHC
Desk-Mounted Microphone Stand – https://amzn.to/3x3MBuS
Crossover – dbx 234s – https://amzn.to/3xcryGC
Audio Interface – Focusrite Scarlett 2i2 3rd Gen – https://amzn.to/3pt1wMx
Cheaper Microphone (My first mic) – Blue Yeti USB Mic https://amzn.to/3iliwTm
Blue Light Blocking Glasses – https://amzn.to/3fZASrv
Apple MacBook Pro 13.3″ – https://amzn.to/3z5QDEK
iMac – https://amzn.to/3glWmOe
Second Monitor – LG 4K UHD 27UD88 – https://amzn.to/3ckdwdV
Wifi Router – TP-Link AC1900 – https://amzn.to/34ZSddz
Desk Chair – https://amzn.to/3ikNbQJ
Standing Desk – https://amzn.to/3zdKVAJ
Check out My Amazon Store for more products and books recommendations – https://www.amazon.com/shop/codingaddict
Disclosure: This video is not sponsored. Some links above are affiliate links, and l may earn a small commission from any purchases at no additional cost to you. Thank you for supporting my channel!
Setup 00:00
Course Structure 02:13
Html 04:28
Chrome And Vs-Code Intro 07:14
Install Google Chrome 08:02
Install VS-Code 11:12
VS-Code Overview 13:01
Create A Project 17:10
First Webpage 19:34
Basic HTML Document Structure 24:22
Implement Page Structure 26:56
Live Server Extension 30:15
Word Wrap And Emmet 36:13
Headings 43:32
Paragraphs 47:41
White Space Collapsing 49:33
Lorem Ipsum 50:57
Image Basics 54:11
Multiple Images 58:00
External Images 1:02:21
Nice Images 1:05:46
Width And Height 1:09:49
Crop Images 1:13:10
Comments And Line Breaks 1:16:10
External Links 1:21:54
Internal Links 1:27:09
Same Page Links 1:31:43
Empty Links And Images As Links 1:38:06
Sup And Sub Elements 1:42:03
Strong And Em Elements 1:44:35
Special Characters 1:47:34
Unordered Lists 1:50:57
Ordered Lists 1:54:54
Nested Lists 1:55:58
Table Element 1:57:42
Forms – Input Elements And Submit Elements 2:00:34
Forms – Textarea, Radio,Checkboxes, Select 2:14:10
Prettier Code Formatter 2:25:46
Keyboard Shortcuts 2:30:53
Head Element And External Resources 2:41:08
Css Tutorial Intro 2:45:57
Workspace Setup 2:47:26
Text Editor Setup 2:50:46
Inline CSS 2:56:34
Internal CSS 3:00:40
External Css 3:03:03
Power Struggle 3:13:00
CSS Syntax 3:17:57
Element Selectors 3:25:32
Grouping Selectors 3:28:11
ID Selectors 3:30:13
Class Selectors 3:34:54
ID And Class Selector Summary 3:39:36
Div And Span Elements 3:41:29
Inheritance In CSS 3:49:28
Inheritance More Info 3:55:02
Last Rule, Specificity And Universal Selector 3:57:52
Colors Intro 4:07:32
Color And Background-Color Properties 4:07:59
Color Names 4:12:15
RGB 4:15:02
RGBA 4:21:29
HEX Values 4:31:14
VS-Code Color Options 4:37:23
External Resources For Colors 4:40:13
Units Intro 4:42:05
Pixels, Font-Size, Width, Height 4:42:34
Percent Units 4:48:17
EM Units 4:53:14
Rem Units 4:58:59
VH And VW Units 5:02:00
Default Browser Styles And Chrome Developer Tools 5:08:17
Calc Functions 5:20:21
Min-Height, Max-Height 5:27:21
Typography Intro 5:37:52
Font-Family 5:38:14
Font-Stack And Generic Fonts 5:40:51
Google Fonts 5:43:47
Font-Weight And Font-Style 5:50:36
Text-Align And Text-Indent 5:57:44
More Text Properties 6:00:44
Box-Model Intro 6:12:02
Padding 6:12:18
Margin 6:21:51
Border 6:28:40
Border-Radius And Negative Margin 6:35:09
Outline Property 6:39:48
Display Property Intro 6:49:00
Display Property 6:49:16
Basic Horizontal Centering 6:56:56
Mobile Navbar Example 7:01:13
Box-Sizing, Border-Box 7:13:59
Display Inline-Block 7:21:28
Display:none, Opacity, Visibility 7:25:01
Background Images Intro 7:33:36
Setup 7:34:26
Background-Images Basics 7:37:15
Background-Repeat 7:41:49
Background-Size 7:49:13
Background-Position 7:52:30
Background-Attachment 7:57:03
Linear Gradients 8:03:33
Background Image Overlay 8:16:27
Colorzilla 8:26:53
Float, Positions, Media Queries, Z-Index Intro 8:30:30
Float Property 8:31:10
Float Property Layout Example 8:36:42
Position Static 8:43:57
Position Relative 8:47:33
Position Absolute 8:51:12
Position Fixed 8:56:52
Position Sticky 9:00:58
Media Queries…
2 horas y media
En este curso de html estaremos viendo el siguiente contenido:
0. BIENVENIDA – 0:00
1. INTRODUCCIÓN – 0:10
2. ESTRUCTURA HTML – 12:07
3. CABECERA o HEAD – 15:31
4. ELEMENTOS DE ARMADO – 35:41
5. HIPERVÍNCULOS – 55:44
6. MARCADO DE TEXTO – 01:23:56
7. LISTAS – 01:39:23
8. TABLAS – 01:45:06
9. IMÁGENES – 02:03:19
10. FORMULARIOS – 02:09:44
11. ELEMENTOS HTML 5 BÁSICOS – 02:40:37
=============================
Resumen: https://yoneygallardo.com/curso-de-html-fundamental/
=============================
DONACIONES: http://bit.ly/2Hx7tD8
no meti los de frances ni japones ni portugues jeje
nop son demasiadas etiquetas
y el header es un div disfrazado 😉
?
?
Si, y que? Mejor empezar por HTML2 que las etiquetas me dan miedo
<table> es de html 2 😉
Pues a maquetar solo con tablas
nop no todas las etiquetas son de bloque
nop para eso esta css
html lo veo por versiones por que son muchas etiquetas
wtf
pss que te digo 😉
auténtica salud
html lo veo por versiones por que son muchas etiquetas
Lo puedes organizar todo con DIV si quieres, pero HTML5 se resume en que las etiquetas nuevas existen por semántica, no tiene más
si queda mejor con etiquetas de html 5 el header
pero no me negaras que es un div disfrazado jeje
se puede hacer una tabla responsiva …. imagino que si
igual maquetar en tabla esta feo jeje
pero no me negaras que es un div disfrazado jeje
ya te dije, todo lo puedes hacer con un DIV, hasta maquetarte una tabla sin usar las etiquetas <table>, <tr>, <td> y demás
<td> no , por que es elemento en linea jje
quiza con div y css
import useFetchData from ‘../Hooks/useFetchData’;
import {useDispatch} from ‘react-redux’;
import Select, {components} from ‘react-select’;
import {Region} from ‘./Features/FilterRegions’;
import {country} from ‘./Features/SearchCountry’;
import {itemsIndex} from ‘./Features/itemsFilter’;
import {ThemeContext} from ‘../ChangeTheme/ThemeContext’;
import KeyboardArrowDownIcon from ‘@mui/icons-material/KeyboardArrowDown’;
import _ from ‘lodash’;
const options = [
];
export default function SelectOptions(){
const {theme} = useContext(ThemeContext);
const [posts, setKeyword] = useFetchData(‘region/’);
const DropdownIndicator= (props)=>{
return(
<components.DropdownIndicator {…props}>
<KeyboardArrowDownIcon fontSize=»small» />
</components.DropdownIndicator>
);
};
const customStyles = {
}
const dispatch = useDispatch();
function handleChange(e) {
setKeyword(_.lowerFirst(e.value));
console.log(e.value);
dispatch(country([]));
dispatch(Region(posts))
dispatch(itemsIndex());
}
return (
<Select
onChange={(e) => handleChange(e)}
options={options}
className=» mr-32 mt-8 sm:m-0 sm:w-52″
styles={customStyles}
components={{DropdownIndicator}}
placeholder={‘Filter by Region’}
theme={(Theme)=>({
…Theme,
colors:{
…Theme.colors,
primary:»,
primary25:»,
primary50:»,
primary75:»,
neutral0: theme === ‘light’ ? ‘white’ : ‘hsl(209, 23%, 22%)’
}
})}
/>
);
}