Czy warto wykupić ten kurs HTML & CSS?

Czy warto wykupić ten kurs HTML & CSS?
CP
  • Rejestracja:prawie 6 lat
  • Ostatnio:około 4 lata
  • Postów:31
0

Skorzystałem z tego kursu, który ktoś tu kiedyś wstawił -> https://internetingishard.com/html-and-css/
dla poznania podstaw/zasad semantyki/podstaw CSS'a itp. itd. problem w tym, że przerobiłem ten kurs, ale nie było w nim dużo praktyki i teraz chciałbym jakiś kurs/artykuł/książkę/video, w którym najlepiej, żeby efektem końcowym było stworzenie całej strony lub też poszczególnych elementów w CSS jak Hamburger Menu itd.

Trafiłem na kurs "FRONT-END ZAAWANSOWANY W 15 DNI" tu macie link i spis co w nim jest -> https://websamuraj.pl/kurs/front-end-zaawansowany-w-15-dni-kurs-online/
jest za 55 zł, więc nie jakiś majątek, i jeśli już bym kupił ten kurs to będzie raczej pierwszy i ostatni, bo jak stworzę taką stronę krok po kroku, to później chciałbym samemu pobrać jakiś layout pocięty i próbować go zakodować od zera i tak trochę się pouczyć.

A później przejdę do nauki JS, a do tego jest wiele darmowych źródeł wiedzy, więc nie będę musiał już nic więcej kupować. ale chciałbym usłyszeć Waszą opinię co o tym pomyśle sądzicie? Albo może znacie inne darmowe kursy/kursy video/kursy jak ten z pierwszego linku co by pokazywały to co napisałem?

DE
  • Rejestracja:około 7 lat
  • Ostatnio:ponad 4 lata
  • Postów:53
0

No jak stwierdzisz że umiesz to co jest w pierwszej części kursu. Podstawy chyba to możesz kupić ten kurs. To ogółem jest cała seria z tego co wiem więc wiedza z poprzednich części jest wymagana do kolejnych.

CP
  • Rejestracja:prawie 6 lat
  • Ostatnio:około 4 lata
  • Postów:31
0
Demafikalova napisał(a):

No jak stwierdzisz że umiesz to co jest w pierwszej części kursu. Podstawy chyba to możesz kupić ten kurs. To ogółem jest cała seria z tego co wiem więc wiedza z poprzednich części jest wymagana do kolejnych.

a jest tam coś wartościowego według Ciebie? czy są lepsze kursy/źródła wiedzy?

DE
  • Rejestracja:około 7 lat
  • Ostatnio:ponad 4 lata
  • Postów:53
0

No wartościowe rzeczy są jak w każdym kursie. Plus że jest po polsku jak nie czujesz się dobrze z angielskim. Ja wybieram zawsze kursy po angielsku i patrzę na ilość osób i ich ocenę. Za 40 zł da się wychaczyc ciekawy kurs z przykładami. Jeśli chodzi o stronę od podstaw to na yt jest dużo filmikow trwających po 1-2h z pełnymi projektami. Szukaj aktualnej wiedzy i patrz na daty publikacji/aktualizacji.

EU
  • Rejestracja:prawie 6 lat
  • Ostatnio:prawie 6 lat
  • Postów:1
0

Zgodze się. Najlepszym sposobem na naukę są tutoriale na YT. Praktyka, praktyka i jeszcze raz praktyka

CP
  • Rejestracja:prawie 6 lat
  • Ostatnio:około 4 lata
  • Postów:31
0

@fasadin: a ty co sądzisz o tym kursie, bo z tego co widzę to ty właśnie polecałeś ten kurs HTML'a, z którego skorzystałem -> Pomóżcie wybrać odpowiedni kurs Front-End :)

znasz coś podobnego darmowego do CSS'a/JS? albo tak jak pisałem coś co pokaże krok po kroku tworzenie strony od podstaw na jakimś templacie

edytowany 1x, ostatnio: CyberPunk
fasadin
  • Rejestracja:ponad 13 lat
  • Ostatnio:prawie 3 lata
  • Postów:4882
0

@CyberPunk: codeacademy.com

CP
a co myślisz, żeby po tym Twoim kursie zacząć oglądać takie tutoriale -> https://www.youtube.com/watch?v=VBXCOUJVjXo z przerabiania psd na html + css i w ten sposób uczyć się CSS'a? i po jakimś czasie samemu spróbować jakiegoś darmowego template zakodować i później przejść do Bootstrapa/JS'a
fasadin
mysle ze to fajne jezeli masz czas i motywacje. Jezeli nie masz czasu to od razu do bootstrapa. JS jest czyms osobnym
CP
ogólnie podoba mi się jak gość tłumaczy i myślę, że w ten sposób szybciej nauczę się CSS niż gdybym miał czytać "artykuły typu css-properties-you-must-know" itp. i zastanawiam się czy nie kupić kursu od tego gościa -> https://jakubjurkian.pl/pelny/webmaster-krok-po-kroku/
CP
bo ciężko będzie znaleźć drugi taki tutorial gdzie ktoś tworzy własny szablon/koduje w HTML/styluje w CSS i dodaje responsywność i jakbym pozmieniał kolory i inne to mógłbym dodać jako pierwszy projekt do portfolio (BONUS 1: Szablon tworzony w kursiie (​Szablon z gotową responsywnością, wyskakującymi okienkami i działającą galerią oraz dwiema podstronami Dodatkowo możesz go wykorzystać do stworzenia swojego własnego projektu)) ale w sumie nie wiem czy chcę inwestować w to kasę na samym początku :p
KN
  • Rejestracja:prawie 6 lat
  • Ostatnio:prawie 6 lat
  • Postów:1
0

Polećcie jakiś tutorial na Youtube

Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)