Tehnologii web

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">

Introducere

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

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

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

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

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

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

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

• Curs de Web development — Curs de Web development

• Curs de web development (2) — Curs de web development (2)

• Serie de tutoriale video de HTML & CSS — Serie de tutoriale video de HTML & CSS (pe canalul Youtube Traversy Media)

• Serie de tutoriale video de HTML in limba romana — Serie de tutoriale video de HTML in limba romana (pe canalul Youtube Azex)

• Serie de tutoriale video de PHP — Serie de tutoriale video de PHP (pe canalul Youtube Traversy Media)

• Serie de tutoriale video de PHP in limba romana — Serie de tutoriale video de PHP in limba romana (pe canalul Youtube Azex)

• Tehnologii web — Tehnologii web

• Web Development In 2019 - A Practical Guide — Web Development In 2019 - A Practical Guide

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

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

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=-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/watch?v=c9B4TPnak1A - Bootstrap 5 tutorial - crash course for beginners in 1.5H (March 2021)

• 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

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=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

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

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