Tehnologii web (aka Învață HTML și CSS)

Introducere

• https://www.comptia.org/content/it-careers-path-roadmap/software-and-web-developers 

• https://www.youtube.com/watch?v=erEgovG9WBs - 100+ Web Development Things you Should Know

• https://www.youtube.com/watch?v=ok-plXXHlWw - HTML in 100 Seconds

• https://www.youtube.com/watch?v=OEV8gMkCHXQ - CSS in 100 Seconds

• https://www.youtube.com/watch?v=DHjqpvDnNGE - JavaScript in 100 Seconds

• https://www.youtube.com/watch?v=akDIJa0AP5c - Sass in 100 Seconds

• https://www.youtube.com/watch?v=4KHiSt0oLJ0 - CORS in 100 Seconds

• https://www.youtube.com/watch?v=MQ00BUttqr0 - 15 Myths & Misconceptions In Web Developement

• https://www.tutorialspoint.com/web_developers_guide/index.htm - Curs de web development

• https://www.tutorialspoint.com/website_development/index.htm — Curs de web development

• https://www.youtube.com/playlist?list=PLillGF-RfqbZTASqIqdvm1R5mLrQq79CU - Serie de tutoriale video de HTML & CSS (pe canalul Youtube Traversy Media)

• https://www.youtube.com/playlist?list=PLlCqJ7mh4kqJUXJ8SDksIMkRqWxRdUE-r - Serie de tutoriale video de HTML in limba romana (pe canalul Youtube Azex)

• https://www.geeksforgeeks.org/web-technology/ - Tehnologii web

• https://www.youtube.com/watch?v=UnTQVlqmDQ0 - Web Development In 2019 - A Practical Guide

Cheat sheets

HTML

• https://htmlcheatsheet.com/ - HTML Cheat Sheet

• https://devhints.io/html 

• http://overapi.com/html 

CSS

• https://htmlcheatsheet.com/css/ - CSS Cheat Sheet

• https://hackerthemes.com/bootstrap-cheatsheet/ - Bootstrap 4 Cheat Sheet

• https://devhints.io/css 

• http://overapi.com/css 

• https://yoksel.github.io/flex-cheatsheet/ 

• https://dev.to/proticm/css-variables-cheat-sheet-32id 

• https://dev.to/iggredible/css-selectors-cheatsheet-24bh 

• https://dev.to/devmount/learn-css-animation-by-creating-pure-css-loaders-3lm6 

• https://dev.to/devmount/8-games-to-learn-css-the-fun-way-4e0f 

SASS/SCSS

• https://sass-cheatsheet.brunoscopelliti.com/ 

• https://devhints.io/sass 

• https://dev.to/finallynero/scss-cheatsheet-7g6 

Server stacks

• https://laragon.org/ - Laragon

• https://laradock.io/ - Laradock

• https://www.uniformserver.com/ - Uniform Server

• https://ampps.com/ - AMPPS

• http://devilbox.org/ / https://github.com/cytopia/devilbox - DevilBox

• https://www.apachefriends.org/ - XAMPP

• https://sourceforge.net/projects/wampserver/ - WampServer

• https://www.easyphp.org/index.php - EasyPHP

Serie de cursuri CodeAcademy.com 

• Curs de HTML — 01. Curs de HTML (CodeAcademy.com)

• Curs de CSS — 02. Curs de CSS (CodeAcademy.com)

• Make a website — 03. Curs Make a website (CodeAcademy.com). CSS (continuare), design, Bootstrap

• Deploy a web site — 04. Curs Deploy a website (CourseAcademy.com)

• Responsive design — 05. Curs Responsive design (CodeAcademy.com)

Serie de cursuri W3Schools 

• Curs de HTML — 01. Curs de HTML (W3Schools)

• Curs de CSS — 02. Curs de CSS (W3Schools)

• Curs de W3.CSS — 03. Curs de W3.CSS (W3Schools)

• Curs de culori — 04. Curs de culori (W3Schools)

• Curs de Bootstrap — 05. Curs de Bootstrap (W3Schools)

• Curs de Icon-uri — 06. Curs de Icon-uri (W3Schools)

• Curs de grafica HTML — 07. Curs de grafica HTML (W3Schools)

Serie de cursuri TutorialsPoint.com 

• Curs de HTML — 01. Curs de HTML

• Curs de HTML 5 — 02. Curs de HTML 5

• Curs de CSS — 03. Curs de CSS

• Curs de Bootstrap — 05. Curs de Bootstrap

• Google Maps — 07. Curs de Google Maps

• Curs de grafica HTML cu SVG — 08. Curs de grafica HTML cu SVG

• Curs de W3.CSS — 09. Curs de W3.CSS

• Curs de icon-uri — 10. Curs de icon-uri

Tutoriale video

• https://www.youtube.com/watch?v=qYJovgTz9SI - Tutorial HTML pentru începători | Tutorial Web Development de la 0

• https://www.youtube.com/watch?v=UB1O30fR-EE - HTML Crash Course For Absolute Beginners

• https://www.youtube.com/watch?v=vQWlgd7hV4A - Learn HTML5 and CSS3 For Beginners - Crash Course

• https://www.youtube.com/watch?v=uCdliQCk4lE - HTML5 And CSS3 in Depth Full Course

• https://www.youtube.com/watch?v=HGTJBPNC-Gw - HTML & CSS Full Course for free 🌎 (2023)

• https://www.youtube.com/watch?v=UBOj6rqRUME - Tailwind CSS Crash Course

• https://www.youtube.com/watch?v=kUMe1FH4CHE - Learn HTML – Full Tutorial for Beginners (2022)

• https://www.youtube.com/watch?v=yfoY53QXEnI - CSS Crash Course For Absolute Beginners

• https://www.youtube.com/watch?v=1Rs2ND1ryYc - CSS Tutorial - Zero to Hero (Complete Course)

• https://www.youtube.com/watch?v=mU6anWqZJcc - Learn HTML5 and CSS3 From Scratch - Full Course

• https://www.youtube.com/watch?v=5bMdjkfvONE - HTML5 & CSS Development: Learn How to Build a Professional Website | Udemy, Jordan Hudgens

• https://www.youtube.com/watch?v=srvUrASNj0s - Introduction To Responsive Web Design - HTML & CSS Tutorial

• https://www.youtube.com/watch?v=k32voqQhODc - Flexbox Tutorial (CSS): Real Layout Examples

• https://www.youtube.com/watch?v=fYq5PXgSsbE - Learn Flexbox in 15 Minutes

• https://www.youtube.com/watch?v=ZxKM3DCV2kE - Web Development Full Course - 22 Hour Course | Learn Full Stack Web Development From Scratch

• https://www.youtube.com/watch?v=IFZD-VKwEk8 - HTML CSS Tutorial For beginners (The only Course you'll ever need)

• https://www.youtube.com/watch?v=uCdliQCk4lE - HTML5 And CSS3 in Depth Full Course

• https://www.youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G - HTML & CSS Crash Course Tutorial

• https://www.youtube.com/playlist?list=PL4cUxeGkcC9jxJX7vojNVK-o8ubDZEcNb - SASS Tutorial (Build Your Own CSS Library)

Tutoriale de framework de CSS

• https://www.youtube.com/watch?v=-qfEOE4vtxE - Bootstrap CSS Framework - Full Course for Beginners

• https://www.youtube.com/watch?v=A7WvViiZQV8 - BootStrap Tutorial | BootStrap in 2023 | Bootstrap Tutorial For Beginners | Bootstrap | Simplilearn

• https://www.youtube.com/playlist?list=PL4cUxeGkcC9joIM91nLzd_qaH_AimmdAR - Bootstrap 5 Tutorial

• https://www.youtube.com/watch?v=c9B4TPnak1A - Bootstrap 5 tutorial - crash course for beginners in 1.5H (March 2021)

• https://www.youtube.com/playlist?list=PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58 - Material UI Tutorial

Link-uri pentru iconite:

Font Awesome:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Bootstrap:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Google Material Design:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Tips & tricks

• https://google.github.io/styleguide/htmlcssguide.html - Google HTML/CSS Style Guide

• https://www.freecodecamp.org/news/learn-css-background-properties/ - Every CSS Background Property Illustrated and Explained with Code Examples

• https://www.youtube.com/watch?v=68O6eOGAGqA - Responsive CSS Grid Tutorial

• https://www.youtube.com/watch?v=9zBsdzdE4sM - Learn CSS Grid in 20 Minutes

• https://www.youtube.com/watch?v=yU7jJ3NbPdA - Learn CSS Media Query In 7 Minutes

• https://www.youtube.com/watch?v=EFafSYg-PkI - CSS Grid Tutorial | CSS Grid Crash Course

• https://www.youtube.com/watch?v=wfaDzSL6ll0 - 5 CSS tricks every Web Developer should know in 2021

• https://www.youtube.com/watch?v=jx5jmI0UlXU - Learn CSS Position In 9 Minutes

• https://www.youtube.com/watch?v=A7G-kAyfxqY - Easily Create Buttons With Icons Using HTML & CSS

• https://www.youtube.com/watch?v=bjUoQbSJDJs - 10 Stunning CSS 3D Effect You Must See

• https://redstapler.co/10-stunning-css-3d-effect-must-see/ - 10 Stunning CSS 3D Effect You Must See

• https://www.youtube.com/watch?v=1zFlSLD01Uw - Creative CSS Gradient Border Cards | How to Create CSS Gradient Border

• https://www.youtube.com/watch?v=IxRJ8vplzAo - Input Animations With HTML And CSS

• https://www.youtube.com/watch?v=H4MkGzoACpQ - Animated Responsive Navbar Tutorial

• https://www.youtube.com/watch?v=OJEQaVT45XA - Responsive Admin Dashboard Page HTML And CSS

• https://www.youtube.com/watch?v=jV8B24rSN5o - CSS Grid Layout Crash Course

Proiecte

• https://www.youtube.com/watch?v=bWACo_pvKxg - Mastering HTML & CSS: Build 15 Professional Projects in 15 Hours 2023

• https://www.youtube.com/watch?v=p0bGHP-PXD4 - Build a Responsive Website | HTML, CSS Grid, Flexbox & More

• https://www.youtube.com/watch?v=8MgpE2DTTKA - Create a Website With Video Background | HTML & CSS

• https://www.youtube.com/watch?v=O7WbVj5apxU - Build Glass Website with HTML and CSS Tutorial

• https://www.youtube.com/watch?v=lvYnfMOUOJY - Creative Agency Website From Scratch | HTML & CSS

• https://www.youtube.com/watch?v=pQN-pnXPaVg - HTML Full Course - Build a Website Tutorial

• https://www.youtube.com/watch?v=ZeDP-rzOnAA - Build A Responsive Website With HTML & CSS Tutorial

• https://www.youtube.com/watch?v=36jRXMsIFuA - Online Store E-commerce Responsive Website Using HTML/CSS

• https://www.youtube.com/watch?v=Wm6CUkswsNw - Build An HTML5 Website With A Responsive Layout

• https://www.youtube.com/watch?v=TzuWIHGFKCQ - 24 CSS Projects: Loading Animations, Progress Bars, Flashcards & More!

Exemple de site-uri

• https://www.youtube.com/watch?v=bsZ97gtRNtg  - 5 STUNNING PORTFOLIO WEBSITES - Web Design Inspiration

Unelte

• https://www.youtube.com/watch?v=9CEW3Tmx2tg - MUST USE Websites & Tools for Web Developers

Web hosting

• https://www.youtube.com/watch?v=HAsQ4-ndWic - Understanding Web Hosting: What it is and Why it's Important

• https://www.youtube.com/watch?v=p8qVXz_2mPI - How Does Web Hosting Work? Understanding the Ins and Outs

• https://www.youtube.com/watch?v=NQP89ish9t8 - How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS

• https://www.youtube.com/watch?v=BDdACdrs1vE - Web Hosting Tutorial for Beginners: Domain Registration, DNS & How to Host a Website Explained

• https://www.youtube.com/watch?v=Xxkj2sZpfpI - How to Host a Website in 2024

• https://www.youtube.com/watch?v=H8oAvyqQwew - What is Web Hosting and How Does It Work? (For Complete Beginners)

• https://www.youtube.com/watch?v=Kbl_HAwm6qs - Understand Self Hosting in 5 Minutes! Self Hosting for Noobs!

• https://www.youtube.com/watch?v=rrHrcRMRTtQ - Free Web Hosting That ACTUALLY Works

• https://www.youtube.com/watch?v=DjDBBhnvN4I - How to host a website for FREE - Google Firebase Website Hosting Tutorial

• https://www.youtube.com/watch?v=HrACVyvNRAk - Host A FREE Website With Google Cloud Hosting! | Full Tutorial 2024

• https://www.youtube.com/watch?v=pVyxNK9stMg - How To Host A Website On Bluehost (2024) 🔥 - Hosting Tutorial!

• https://www.youtube.com/watch?v=b50hB7cfsfg - How To Host Your Own Website For FREE - Home Server Tutorial

• https://www.youtube.com/watch?v=DrYXgU92s3Y - How to Host a Web Application at Home on Internet for Free | API | Website | Raspberry Pi | Home PC

Web deployment

• https://www.youtube.com/watch?v=_higfXfhjdo - Everything You NEED to KNOW About Web Applications

• https://www.youtube.com/watch?v=vROMXzOWqec - How to Deploy a Web App Using Multiple Methods (Azure, Render, MongoDB Atlas, Koyeb, and more)

• https://www.youtube.com/watch?v=F3xPY48DomI - cPanel - Website Deployment in 6 Minutes

• https://www.youtube.com/watch?v=1Hyxdg1ZYho - Google Cloud Beginner Tutorial (2024) - Host & Setup A Free Website

• https://www.youtube.com/watch?v=goiW0g7A0WE - Deploying a Website to AWS in Under 1 Minute

• https://www.youtube.com/watch?v=Islmm-LMu38 - Host your personal site on AWS EC2 Instance | EC2 Instance | Demo | Website Hosting | Web App on EC2

• https://www.youtube.com/watch?v=uiPSnrE6uWE - Deploy a Django web app on Amazon EC2

• https://www.youtube.com/watch?v=iQN9jFqstt8 - Host a Website on Azure Tutorial

• https://www.youtube.com/watch?v=0QO2jdinCoQ - Build your first Web App with Microsoft Azure

• https://www.youtube.com/watch?v=PPaqVyBkwMk - How To Deploy a ASP.NET Website to IIS or Azure

• https://www.youtube.com/watch?v=SAwxUq0kiZY - Deploying Your Website to Firebase

• https://www.youtube.com/watch?v=DQk3zJlY-eE - How To Deploy to Heroku in 5 Minutes

• https://www.youtube.com/watch?v=cw34KMPSt4k - How I deploy serverless containers for free

• https://www.youtube.com/watch?v=JQIKobOcQ9k - Fastest Way to Deploy a Full Stack Web App (Railway)

• https://www.youtube.com/watch?v=Jkct0NXMuFQ - Build & Deploy a Website in 7 Minutes using Python

Deployment tools

• https://runcloud.io/ 

• https://try.direct/