Webmastering - od czego zacząć?

Webmastering - od czego zacząć?
SH
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 4 lata
  • Postów:68
0

Od czego zacząć swoją przygodę z webmastering'iem? Na pewno podstawa to HTML i CSS. Zastanawiałem się nad Python i PHP ale nie umiem podjąć decyzji.

katelx
  • Rejestracja:prawie 10 lat
  • Ostatnio:5 miesięcy
  • Lokalizacja:Hong Kong
1

jeszcze javascript. decyzji nikt za ciebie nie podejmie ale mysle ze ciezko bedzie znalezc osobe ktora pisala zarowno w php jak i w czyms innym i dalej polecala php :)
na twoim miejscu szla bym w kierunku pythona+django albo ruby on rails.

SH
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 4 lata
  • Postów:68
0

No już się naczytałem o PHP że nie jest od dobrym rozwiązaniem. Chodzi mi o to że chce poznać ogólne zasady tworzenia stron na podstawie prostych technologi a przy okazji użyć jakiś wzorców projektowych.

katelx
  • Rejestracja:prawie 10 lat
  • Ostatnio:5 miesięcy
  • Lokalizacja:Hong Kong
2

imo na dobra sprawe nie ma znaczenia co wybierzesz, po prostu zacznij tworzyc stronke w wybranej technologii, po paru tygodniach-miesiacach codziennej pracy zmiana jezyka nie bedzie problemem.

edytowany 1x, ostatnio: katelx
LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:2 minuty
  • Postów:8413
1

Od czego zacząć swoją przygodę z webmastering'iem? Na pewno podstawa to HTML i CSS. Zastanawiałem się nad Python i PHP ale nie umiem podjąć decyzji.

Really? Kolejna (chyba setna) osoba, która zamiast działać stoi z założonymi rękami bo "nie umie podjąć decyzji"?

Jak to dobrze, że jak zaczynałem programować to nie miałem dostępu do internetu, a jedynie zwykłą papierową książkę do QBasica w domu... Zamiast prokrastynować, to siadałem do kompa i klepałem HelloWorldy...

edit:
a raczej nic nie "klepałem", tylko po prostu bawiłem się programowaniem, nie myśląc o żadnej kasie czy nic w tym stylu.


edytowany 1x, ostatnio: LukeJL
Zobacz pozostałe 33 komentarze
Wizzie
@katelx trollują cię, @karolinaa +- 21/22 chyba :P
H1
@panryz mi tam to tez odpowiada ;) ja poki co java web, ale androida tez chcialbym kiedys ruszyc ;)
panryz
jak już jave ogarniesz to android to pikuś :)
katelx
@Wizzie przeslij mi jej fotki na priv, sama ocenie ;)
drorat1
  • Rejestracja:ponad 15 lat
  • Ostatnio:około 2 lata
  • Lokalizacja:Krasnystaw
  • Postów:1181
0
shimizu napisał(a):

No już się naczytałem o PHP że nie jest od dobrym rozwiązaniem. Chodzi mi o to że chce poznać ogólne zasady tworzenia stron na podstawie prostych technologi a przy okazji użyć jakiś wzorców projektowych.

PHP było jest i będzie dobrym rozwiązaniem jeśli zamierzasz tworzyć:

  • strony firmowe
  • fora i serwisy społecznościowe
  • sklepy internetowe
  • i jakieś tam skrypty

Python jest tu w pewnym sensie pewną alternatywą. To samo dotyczy rubiego. PHP jest hejtowane przez programistów którzy zetknęli się z pythonem albo ruby, faktycznie ich składnia jest w porównaniu z PHP o wiele przyjemniejsza, co nie jest jeszcze powodem żeby wywyższać te języki programowania ponad wszystko.

Z pythonem jest ten problem, że np. v3x vs. v2x cechuje brak kompatybilności wstecz, bo przez jakieś tam fanaberie zmienili ważne elementy związane z użyciem pewnych instrukcji. A wiesz co to może oznaczać jak napiszesz coś pod 2.7 i postanowisz przenieść np. na v.3.4?

A w PHP i tak można jeszcze tworzyć fajne rzeczy a i tu nie ma problemów z wzorcami projektowymi.

LukeJL
"a i tu nie ma problemów z wzorcami projektowymi." --> cieżko, żeby były skoro wzorce są niezależne od języka.
PR
@drorat1 Nie klepie zbyt dużo w pythonie, ale przecież jest skrypt 2to3, coś z nim nie tak?
SH
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 4 lata
  • Postów:68
0

@drorat1 może mi jakiś prosty wzorzec który fajnie się zastosuje z użyciem php?

katelx
  • Rejestracja:prawie 10 lat
  • Ostatnio:5 miesięcy
  • Lokalizacja:Hong Kong
1

tu masz kilka http://www.phptherightway.com/pages/Design-Patterns.html
ogolnie do php jest sporo frameworkow bazujacych na mvc

mr_jaro
  • Rejestracja:prawie 14 lat
  • Ostatnio:około 3 lata
  • Lokalizacja:Grudziądz/Bydgoszcz
  • Postów:5300
0

eeee w tym momecie 90% stron się dalej tworzy w php, co więcej php jest nadal mocno rozwijany (php 7 przyspiesza w każdym teście o ~2x w porównaniu do 5.6) i frameworków jest masa. Mi osobiście ani python ani ror nie podszedł (nie ogarniam języków bez klamerek) i aktualnie mam zamiar ruszyć w asp .net.


It's All About the Game.
katelx
w ror masz klamerki ;)
katelx
w sumie w pythonie tez, do slownikow, no ale wiem ze nie o to ci chodzi
drorat1
  • Rejestracja:ponad 15 lat
  • Ostatnio:około 2 lata
  • Lokalizacja:Krasnystaw
  • Postów:1181
2
shimizu napisał(a):

@drorat1 może mi jakiś prosty wzorzec który fajnie się zastosuje z użyciem php?

Podstawowy wzorzec stosowany w nowoczesnych aplikacjach webowych to MVC (Model-Widok-Kontroler) a w praktyce to w zasadzie raczej MVP (Model-Widok-Prezenter), ewentualnie MTV(Model-Szablon-Widok), bo nie spotkałem się z zastosowaniem klasycznego podejścia we frameworkach które przerabiałem, tzn. chodzi mi o coś takiego, że widok nie komunikuje się bezpośrednio z modelami czyli klasami odpowiedzialnymi m.in. za dostęp do bazy danych. To się dzieje w ten sposób, że tym steruje kontroler, pobiera sobie dane z bazy a konkretniej z klas odpowiedzialnych za dostęp do danych, po czym przekazuje dane do szablonów widoków w postaci jakiegoś słownika czy tablic albo odpowiednich zmiennych.

Innym ważnym (i praktycznym) podejściem jest wzorzec opierający się na jednym wspólnym szablonie (layout) który będzie wspólny dla pewnej ilości podstron a do niego wstrzykuje się określony content, wygenerowany na podstawie odpowiedniego szablonu.

Dość istotną sprawą jest to że jak wywołujesz np. adres:
http://domena.xx/

to się w zależności od ustawionego routingu wywołuje domyślny kontroler i domyślna akcja np. kontroler Welcome, akcja index. I takie przykładowe wywołanie:

http://domena.xx/portfolio/listing

wywoła związany z tym odpowiedni kontroler Portfolio, akcja listing. To się łatwo da prześledzić na podstawie frameworków np. Kohana. Można by również zastosować coś takiego:

http://domena.xx/index.php?controller=welcome&action=index

wtedy też będzie podobnie a przynajmniej sam kiedyś robiłem takie testy bo próbowałem coś pisać od zera ale to nie ma sensu.

Jest wiele innych ważnych wzorców projektowych ale to szerszy temat, MVC to podstawa.

edytowany 2x, ostatnio: drorat1
Zobacz pozostałe 8 komentarzy
niezdecydowany
niezdecydowany
ale o co chodzi ?
niezdecydowany
niezdecydowany
GDZIE JEST KRUL ALBANI !
drorat1
A gdzie macie W PRAKTYCE takie rozwiązanie, że w widokach jest bezpośrednie użycie klas które wyciągają coś z bazy (aktywny widok)? W praktyce (przynajmniej widzę to po FW), tym steruje kontroler a widok jest pasywny. I nie jest to klasyczny model MVC tylko jego pochodna: MVP.
LukeJL
Wyczuwam potencjalną gównoburzę. Co do MVC? Szczerze? Ja go nie rozumiem do końca. Tysiące razy robiłem coś w MVC, zarówno w gotowych frameworkach, jak i samemu implementując - i dalej nie rozumiem. Każdy framework trochę inaczej to implementuje (czasami dziwnie nazywając: w Django kontrolery są nazwane widokami).
mr_jaro
@LukeJL nie, problemem że tego nie rozumiesz nie jest rożna implementacja tylko to, że źle jest nazywana ta implementacja. We właściwym mvc widok też jest klasą i ma możliwość komunikacji z modelem. np we framework php hucznie nazywanym mvc jest tak na prawdę mvp (model, widok, prezenter) widok jest statyczny i nie jest klasą, więcej tutaj http://blog.karolak.it/2010/11/17/wzorzec-projektowy-zastosowany-w-cakephp-mvc-czy-mvp/
n0name_l
  • Rejestracja:ponad 12 lat
  • Ostatnio:ponad 4 lata
  • Postów:2412
1

Ja bym zaczął od zrozumienia jak powinna wyglądać użyteczna strona internetowa: http://motherfuckingwebsite.com/ (tu masz po krótce wyjaśnione).
Potem bym spróbował zrozumieć jak nie powinna wyglądać strona internetowa, np.: https://trello.com/ czy http://www.rekrutacja.vistula.edu.pl/?utm_source=display&utm_medium=cpc&utm_campaign=studenci

Wizzie
to już raczej kwestia gustu, mi się podobają takie strony (trello bardziej niż vistula)
n0name_l
To jest kwestia ukrywania informacji (czyli de facto celu wejścia na stronę) jakimiś durnymi wizualizacjami i obrazkami. A juz ten "wzorzec", że na 1 ekran wrzucamy max 2 linijki tekstu, bo przeciez kazdy kocha gwałcić scrolla jest kompletnym nieporozumieniem.
LukeJL
Ten trend minie. Kiedyś były modne liczniki na stronę i przewijany tekst z prawej na lewej. Teraz prawie żadna strona nie ma ani liczników ani przewijanego tekstu. Tak samo miną kiedyś strony z durnymi wizualizacjami i obrazkami.
LukeJL
ludzie zrozumieją, że bardziej liczy się treść.
Fi3rce
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 9 lat
  • Postów:423
1

Zacznij od HTML + CSS. Pozniej JavaScript (chociaz dobre podstawy). Kazdy web developer powinien to znac bez wzgledu czy idzie we front czy w backend.

MUST WATCH IF YOU WANT TO BECOME A WEB DEVELOPER IN 2015
Tutaj masz filmik, ktory zalatwia ten temat.


„Every Pro was once an amateur, every expert was once a beginner.”
edytowany 2x, ostatnio: Fi3rce
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)