Laboratorul 3

️Prezentare generală

Prezentările aferente cursului: @busaco/web/desfășurare
Curs: Programare Web – cookie-uri + sesiuni Web
Curs: Programare Web – Inginerie Web. MVC
Foi de stiluri CSS: @busaco/css
Design (Web) responsiv: Prezentare

Slide-uri laborator

📖 Resurse

• MDN - Flexbox
• CSS-Tricks - A Complete Guide to Flexbox
• MDN - Grids
• A Complete Guide to CSS Grid
• CSS Tricks - CSS Media Queries & Using Available Space
• MDN - Using CSS animations
• CSS Tricks - Animation
• Google Devs - CSS Variables: Why Should You Care?
• Mai multe resurse interesante se gasesc aici ⭐

💻 Exerciții laborator

• Exercitiu de antrenament (Flexbox Froggy)
• Exercitiul 1
  • flex.html
  • flex.css
• Exercitiu de antrenament (Grid Garden)
• Exercitiul 2
  • grid.html
  • grid.css
• Exercitiul 3
  • Media Queries
• Exercitiul 4
  • anim.html
  • anim.css
• Exercitiul 5 - Rescrie codul de la exercitiul 2 folosind variabile

🏠 Exerciții suplimentare

Flexbox Defense, Test your skills: Flexbox, learn-css-grid css-animations.io