Szukam platform do nauki html i css


#1

Witam. Ostatnio zacząłem się uczyć html oraz css. Więc postanowiłem poszukać jakiś platform do nauki programowania. Zna ktoś jakieś fajne?


#2

do nauki html i css najlepsze co mogę Tobie polecić to

HTML https://www.w3schools.com/html/default.asp

CSS https://www.w3schools.com/css/default.asp

jak sam się zorientujesz znajdziesz tam mnóstwo innych dobrodziejstw ale do kompletu polecam jeszcze https://www.w3schools.com/js/default.asp

to są 3 rzeczy niezbędne dla stron internetowych i gier w stylu oGame, Plemiona, Ikariam, Travian, Grepolis, BiteFight, Skake & Fidget, Glory of Fellowland, OnlineSoccer, i mnóstwo innych

Specjalizuję się w webowym programowaniu, więc mogę pomóc.
Mam serwer VPS, jak chcesz mogę całkowicie za free dać Ci konto i prywatną domenę do testów, abyś mógł swoje rzeczy upublicznić jeśli będziesz miał taką potrzebę. Jest tam php 7.4 a do tego kawałek bazy tez się znajdzie jak skila z htmla do php podniesiesz.


#3

html i css to nie programowanie

html to język do budowy stron internetowych
css to język do opisu jak strona będzie wyglądać

w htmlu można osadzać różne rzeczy, np skrypty JavaScript
dopiero JavaScript jest programowaniem

ale faktycznie żeby coś zaprogramować w JSie
tak żeby coś się na stronce działo
musisz się najpierw nauczyć HTMLa i CSSa

Na start wystarczy ci jakiś lepszy notatnik i system operacyjny z przeglądarką
Jak zaczniesz robić bardziej rozbudowane rzeczy będziesz potrzebować serwera
Tylko takie bardziej rozbudowane rzeczy mają 2 strony

  • przeglądarka prosi serwer o stronkę
  • serwer przygotowuje stronkę i wysyła
  • przeglądarka rysuje stronkę i odpala skrypty

jak już opanujesz kawałek po stronie przeglądarki
można pobawić się po stronie serwera, ale tam to jest dużo różnych opcji
jak np wspomniane skrypty php w różnych serwerach, php jest teraz jest mniej modny ale jest prosty na start,
serwery na node.js które będą używać Javascriptu,
różne serwery w C# czy w Javie które są bardziej złożone ale są lubiane w dużych systemach biznesowych
jest tego masa i większośc ma tutoriale, darmowe wersje do zabawy na własnym kompie
i różne darmowe i płatne opcje wrzucenia swojego kodu na serwer w internecie

a potem jeszcze bazy danych jak chcesz coś zapisać na stałe…
jest tego trochę, ważne żeby się uczyć małymi kroczkami do przodu
podlinkowane [https://www.w3schools.com/] spoko na start


#4

… nie przejmuj się tym jak ktoś to nazywa, za jakiś czas może to się zmienić i np php nie będzie językiem programowania a html tak, a tak na marginesie dla mnie css to język programowania, css posiada zmienne, funkcje, mam wrażenie że nawet obiekty uruchamiane z domyślnymi parametrami, lub indywidualne metody obiektu, interpreterem tego języka programowania jest przeglądarka.

CSS var() Function

tak się deklaruje zmienną
:root {
–main-bg-color: coral;
}

tak się jej używa
#div1 {
background-color: var(–main-bg-color);
}

ta funkcja zwraca kolor na podstawie parametrów RGB

CSS rgb() Function

#p1 {background-color:rgb(255,0,0);} /* red */

tu może przekombinowałem ale przypomina mi to obiekty a css nazywa to właściwościami

obiekt do animacji to animation z opcjonalnymi parametrami
animation: mymove 5s infinite;

to samo jako osobne metody

animation-name: mymove;
animation-duration: 3s;
animation-delay: infinite;


#5

Dziękuję wam bardzo, pomyliłem się troszkę z tym “programowanie” :smiley:


#6

ale to nie chodzi o to że htm jest gorszy bo nie jest językiem programowania czy inny crap

po prostu w htmlu nie masz logiki która steruje tym że coś się dzieje

tylko masz dokument który określa co jest na stronie

w tym dokumencie można osadzić skrypt

i ten skrypt już jest programem

sam html nie jest programem,
i jak się pyta to potem trzeba wiedzieć żeby googlać Ecmascript/Javascript a nie HTMLa

i jak chcesz cos zrobić co się zmienia dynamicznie jak ktoś coś kliknie itd.
to nie napiszesz tego w HTML ani CSS tylko w JS
bo ani html ani css nie służą do wyrażania logiki, stanu itd jak w programowaniu, a JS tak


#7

Rozumiem. Jak opanuję html i css zacznę JS


#8

… z tym opanowaniem html to tak nie do końca,
bo bierzesz sobie jakiś edytor który tworzy Ci przykładową pustą stronę

  1. masz od razu dodane nagłówki nimi się na razie nie przejmuj
  2. W htmlu ciebie interesuje to co będzie w bo tu jest właściwa strona
  3. czyli tak naprawdę div a div to np https://getbootstrap.com/ czyli system z gotowymi ostylowanymi elementami DIV
  4. uczysz się co to nazwa klasy ID i jakie elementy można mieć na stronie
  5. nie wiesz czegoś jak np. zrobić aby tekst był po prawej stronie to szukasz w goole “html tekst po prawej” i pojawia się strona https://www.kurshtml.edu.pl/html/paragraf,zielony.html

#9

No żadnej technologii nie “opanowujesz na 100%” za szerokie

Ale żeby coś zrobić w webie trzeba najpierw poznać trochę tagów html,
w sumie głównie <div>y ale jest tego trochę więcej

potem podstawy css żeby te divy wyglądały i sie ukłądały jak chcesz

jak znasz podstawy to szukasz bibliotek które to robią sprawniej
i tu wchodzi bootstrap bo faktycznie znacznie upraszcza robienie standardowych layoutów

i w miedzyczasie jakieś podstawy JS, typu zrobić zegarek,
czy przycisk co go klikasz i tekst się zmienia

btw z podstawowym JS + bardzo podstawowy html mozna zrobić
“grę tekstową” gdzie kliaksz przyciski i tekst się zmienia,
np taką paragrafówkę z opcja mi “idż w lewo”, “podnieś przedmiot”, “bij orka”

a potem albo zaczynasz cos robić server side żeby było po stronie serwera jaiś stan + baza danych
albo bardziej zaawansowane klient side, reacty i inne liby
i po stronie klienta jakieś grafiki, webGL albo bardziej zaawansowane rysowanie po canvasie

tam jest masa różnych kierunków