HTML/CSS

[Qwartz]

Salut unde as putea sa invat html/css , stiu elementele de baza dar vreau sa invat mai bine limbaju

[MrAndrei]

w3schools.com
+practica.

De alte site-uri nu mai ai nevoie....aici se gaseste totul despre css si html.

[KaponeGuard]

tutorialehtml.com www.tutorialeweb.net/ www.rotuts.com/tutoriale/html-css/ cssplaza.com/

de pe net cam greu sa inveti totu' , inveti in genere BAZA

[zigweed]

https://www.codecademy.com/

[MajeStik]

https://www.codecademy.com/

Foarte bun, are tutoriale de la A la Z. Daca sti engleza e perfect.

[Mădălin]

w3schools.com
+practica.

De alte site-uri nu mai ai nevoie....aici se gaseste totul despre css si html.

Bine punctat. Si HTML nu e un limbaj de programare ci un limbaj de marcare.

[Sergiu]

Cu html se poate face ceva ? Zic ca freelancer

[zigweed]

Cu html se poate face ceva ? Zic ca freelancer

Da, dar ai nevoie si de CSS neaparat. Putine cunostinte de Javascript (jQuery) nu ar strica deloc.
Iar daca tot vrei sa faci site-uri, invata sa faci si formularele de contact in PHP, 3-4 randuri de cod.

[Mount~]

Succes.

[IsTI37]

Nu te lua dupa tutoriale, ia un HTML cheatsheet si un CSS cheatsheet cat mai recent si foloseste-le in ceva framework.
Hai sa iti mai spun ceva in plus, uita de HTML si CSS, uita de ele.

Cand folosesti un framwork PHP/NodeJS o sa ai deaface cu un templating engine.

Exemple HTML: Jade, Handlebars, Twig (utilizat in phpbb 3.1), Smarty (utilizat in phpbb 3.0 care nu prea schimba lucrurile), Swig, dust.js (folosit de linkedin si paypal), Closure (folosit de Google),
Exemple CSS: Sass, LESS
Acum o pagina html la jade arata cam asa :

Code: Select all

doctype html
html
  head
    title my jade template
  body
    h1 Hello #{name}

iar CSS-ul cu LESS arata cam asa :

Code: Select all

@base: #f938ab;

.box-shadow(@style, @c) when (iscolor(@c)) {
  -webkit-box-shadow: @style @c;
  box-shadow:         @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  .box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
  color: saturate(@base, 5%);
  border-color: lighten(@base, 30%);
  div { .box-shadow(0 0 5px, 30%) }
}

Sa nu zic nimic de frameworkuri de animatii gen move.js, animate.css. In plus AngularJS deja o duce la totul alt nivel si iti permite sa iti faci propriile elemente html.

[miber]

Nu te lua dupa tutoriale, ia un HTML cheatsheet si un CSS cheatsheet cat mai recent si foloseste-le in ceva framework.
Hai sa iti mai spun ceva in plus, uita de HTML si CSS, uita de ele.

Cand folosesti un framwork PHP/NodeJS o sa ai deaface cu un templating engine.

Exemple HTML: Jade, Handlebars, Twig (utilizat in phpbb 3.1), Smarty (utilizat in phpbb 3.0 care nu prea schimba lucrurile), Swig, dust.js (folosit de linkedin si paypal), Closure (folosit de Google),
Exemple CSS: Sass, LESS
Acum o pagina html la jade arata cam asa :

Code: Select all

doctype html
html
  head
    title my jade template
  body
    h1 Hello #{name}

iar CSS-ul cu LESS arata cam asa :

Code: Select all

@base: #f938ab;

.box-shadow(@style, @c) when (iscolor(@c)) {
  -webkit-box-shadow: @style @c;
  box-shadow:         @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  .box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
  color: saturate(@base, 5%);
  border-color: lighten(@base, 30%);
  div { .box-shadow(0 0 5px, 30%) }
}

Sa nu zic nimic de frameworkuri de animatii gen move.js, animate.css. In plus AngularJS deja o duce la totul alt nivel si iti permite sa iti faci propriile elemente html.

Nu are de ce sa uite de html/css, ele sunt baza :) fara ele si intelesul lor degeaba utilizezi tu less sau sass, deja l-ai sfatuit de il doare capu tu il pui cu js-uri/framework-uri si el nu stie html/css, inveti boss-ule, si da se gaseste de munca in html/css + javascript/jquery(optional)

[MajeStik]

Nu are de ce sa uite de html/css, ele sunt baza :) fara ele si intelesul lor degeaba utilizezi tu less sau sass, deja l-ai sfatuit de il doare capu tu il pui cu js-uri/framework-uri si el nu stie html/css, inveti boss-ule, si da se gaseste de munca in html/css + javascript/jquery(optional)

Adevarat !