HTML, CSS & JS Labs

Content/Continut

• English
  • Intro
  • Exercises
• Romana
  • Introducere
  • Exercitii

English

Intro

A web developer needs to deeply understand many concepts from various subdomains of the IT industry, such as: computer operation, web/Linux/Windows server administration, networking and, last but not least, programming languages useful for application development (HTML, CSS, Javascript, Java, PHP, Nodejs, Python and so on).

Here we have an example regarding what we should follow as frontend developer and backend developer when we build web applications.

Exercises

This repo contains all the HTML, CSS and JS exercises we will go through:

• Lab 1 - [HTML] - Intro
• Lab 2 - [CSS] - Intro
• Lab 3 - [CSS] - Layout and Flexbox
• Lab 4 - [CSS] - CSS Grid
• Lab 5 - [JS] - Objects and functions
• Lab 6 - [JS] - DOM
• Lab 7 - [JS] - Events
• Lab 8 - [JS] - AJAX and client side rendering - First part
• Lab 9 - [JS] - AJAX and client side rendering - Second part
• Lab 10 - [NodeJS] - Intro
• Lab 11 - [NodeJS] - CRUD API

Helpful icons

• 🦉 - "Owl Atena" brings us the information we need to solve the exercises
• 🚀 - "Rocket Musk" shows us it's time to play
• 📹 - "Video camera" brings us some easy to assimilate info
• 🎢 - "Carousel Kody" points the area where the exercises are
• 💪 - "Mr. Muscle" mark the exercises we should solve
• 🎁 - "Bonus Gift" helps us to go beyond our limits with advanced exercises
• 💗 - "Credits heart" representing appreciation, recognition, gratitude and acknowledgment

Requirements

To solve the exercises, we need:

• a text editor, for example:
  • Visual Studio Code
  • Atom
  • Brackets
• Nodejs installed on our computer

Romana

Introducere

Un dezvoltator web are nevoie sa inteleaga in profunzime multe concepte din diverse subdomenii ale industriei IT, precum operare pe calculator, administrare servere web/Linux/Windows, retelistica si, nu in ultimul rand, limbaje de programare necesare pentru dezvoltarea aplicatiilor (HTML, CSS, Javascript, Java, PHP, Nodejs, Python etc.).

Iata aici un exemplu de ce trebuie urmarit ca frontend developer si backend developer in dezvoltarea unei aplicatii web.

Exercitii

Acest repository contine exercitiile pe care le vom parcurge in cadrul laboratorului de Tehnici Web.

Exercitiile sunt impartite dupa cum urmeaza:

• Laborator 1 - [HTML] - Introducere
• Laborator 2 - [CSS] - Introducere
• Laborator 3 - [CSS] - Layout si Flexbox
• Laborator 4 - [CSS] - CSS Grid
• Laborator 5 - [JS] - Obiecte si functii
• Laborator 6 - [JS] - DOM
• Laborator 7 - [JS] - Evenimente si Event loop
• Laborator 8 - [JS] - AJAX si redarea dinamica a continutului pe client - Partea intai
• Laborator 9 - [JS] - AJAX si redarea dinamica a continutului pe client - Partea a doua
• Laborator 10 - [NodeJS] - Introducere
• Laborator 11 - [NodeJS] - CRUD API
• Laborator 12 - [NodeJS] - Redarea dinamica a continutului pe server
• Laborator 13 - Prezentare proiecte
• Laborator 14 - Workshop Frontend
  • Workshop Angular
  • Workshop React

Iconite ajutatoare

• 🦉 - "Bufnita Atena" ne aduce informatiile necesare pentru rezolvarea exercitiilor
• 🚀 - "Racheta Musk" ne arata ca e timpul sa ne jucam
• 📹 - "Video camera" ne aduce informatii mai usor de asimilat
• 🎢 - "Caruselul Kody" ne indica zona unde se afla exercitiile
• 💪 - "Domnul Muschi" marcheaza exercitiile pe care trebuie sa le rezolvam
• 🎁 - "Cadoul Bonus" ne ajuta sa ne depasim limitele cu exercitii avansate
• 💗 - "Inimioara Grazie" simbolizeaza aprecierea, recunostinta si recunoasterea meritelor

Cerinte

Pentru efectuarea exercitiilor de laborator este nevoie de:

• un text editor, ca de exemplu:
  • Visual Studio Code
  • Atom
  • Brackets
• Nodejs instalat pe calculator