Webmastering - jak zacząć?

Webmastering - jak zacząć?
0

Wiem, że temat wydaje się banalny, ale... Jak zacząć?

W jaki sposób pisze się strony i aplikacje webowe?
Notatnik, Notepad++, jakieś bardziej zaawansowane edytory html?
Czy tworzy się od podstaw czy też używa się Wordpressa?
Czy lepiej zaczynać od początku (nauka PHP, HTML, CSS, etc.) czy grzebać w czeluściach Wordpressa?
Na czym polega cięcie stron? O co chodzi, jakich narzędzi się używa?
W ogóle od czego zacząć? HTML, PHP, Java, a może RoR?
Czy na "wyższym etapie rozwoju" przydaje się znajomość programowania niskopoziomowego, C++, albo sieci komputerowych?
Jak ogarniacie proste grafiki, bo przecież strona jakieś musi mieć?

DE
  • Rejestracja:ponad 9 lat
  • Ostatnio:12 miesięcy
  • Postów:1788
0

Na wszystkie pytania znajdziesz już odpowiedzi. Jak jesteś leniwy - a widzę, że bardzo - to tutaj masz kwintesencję .

edytowany 1x, ostatnio: Desu
ZB
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 4 lata
  • Postów:50
0

Długo w tym nie siedzę, ale chętnie opisze ci co wiem :)

  1. środowisko to kwestia indywidualna - przez Sublime Text, po programy ze stajni Adobe, a na podstawowym Notepad++ kończąc :) Pościągaj i zobacz w czym ci najwygodniej się pracuje
  2. Wszystko zależy od specyfikacji projektu. Gdy potrzebna jest strona "wizytówka", gdzie praktycznie tekst jest stały to bez sensu babrać się w CMS. Jak piszesz blog czy coś, gdzie często są wprowadzane aktualizację, to wtedy wykorzystuje się takie systemy. Jednak równie dobrze możesz z czasem napisać własny CMS.
  3. Wszystko jest uwarunkowane tym, czy chcesz się zajmować back czy front endem. Najpierw odpowiedz sobie na to pytanie, później wybieraj technologie.
  4. Cięcie stron polega na wycinaniu (masło maślane) potrzebnych do kodowania elementów. Dostajesz od grafika layout albo w formie całego pliku, który musisz sobie pociąć - logo i inne potrzebne elementy. Albo dostajesz gotowe plasterki. Osobiście do cięcia używam Photoshopa i narzędzie "cięcie na plasterki" :)
  5. Jak zacząć --> punkt 3
  6. U mnie wygląda to na współpracy z grafikiem

Powodzenia ;)

czysteskarpety
czysteskarpety
sam tniesz grafikę ? dziwne ja zawsze robię na warstwach, po co grafik skoro jeszcze sam musisz wszystko robić
0

A co jeśli celem jest full stack (bo chyba tak się mówi o front+back)? Zaczynać chyba od frontendu?

DE
Kaczor jak ogarniesz ten filmik co Ci wysłałem, to wszystko będziesz miał jasne.
Maciej Cąderek
Maciej Cąderek
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 3 lata
  • Lokalizacja:Warszawa
  • Postów:1264
0

Notatnik, Notepad++, jakieś bardziej zaawansowane edytory html?

Zdecydowanie dobry edytor z porządnym linterem - darmowy np. Atom.io + wtyczki (polecam: https://zach-adams.com/2015/05/best-atom-packages-for-wordpress-php-development/ ), płatny np. WebStorm (najlepszy)

Czy tworzy się od podstaw czy też używa się Wordpressa?

Od absolutnych podstaw to raczej nie, zwykle używa się jakiegoś frameworka, CMSy to osobny temat - często się je stosuje, ale lepiej nauczyć się najpierw tworzyć strony samodzielnie.

Czy lepiej zaczynać od początku (nauka PHP, HTML, CSS, etc.) czy grzebać w czeluściach Wordpressa?

Czeluści Wordpressa omijaj szerokim łukiem.

Na czym polega cięcie stron? O co chodzi, jakich narzędzi się używa?

Na przygotowywaniu photoshopowego layoutu do wstawienia w layout webowy - używasz Photoshopa (są inne, lepsze programy, ale najpopularniejszy nadal jest PS).

W ogóle od czego zacząć? HTML, PHP, Java, a może RoR?

Zacznij od HTML5 i CSS3 - jak tu sobie poradzisz to dopiero bierz się za język programowania, Python jest dobry do nauki - prosty i czytelny, ale w sumie bierz co chcesz (no chyba, że chcesz robić front to JavaScript),

Czy na "wyższym etapie rozwoju" przydaje się znajomość programowania niskopoziomowego, C++, albo sieci komputerowych?

Sieci jak najbardziej, C++ rzadko albo wcale.

Jak ogarniacie proste grafiki, bo przecież strona jakieś musi mieć?

Robisz samemu, zamawiasz u grafika lub kupujesz na stocku.

edytowany 1x, ostatnio: Maciej Cąderek
LukeJL
co do Webstorma to moim zdaniem on jest dobry do JavaScriptu, ale sama edycja HTML/CSS nie jest tam jakoś super rozwinięta (no ale w żadnym edytorze nie jest).
NG
  • Rejestracja:około 10 lat
  • Ostatnio:około 7 lat
  • Postów:278
0

Ja natomiast nie polecam samych edytorów, ale bardziej IDE+edytor. Z własnego doświadczenia najbardziej lubię:
eclim:
http://eclim.org/
Eclipse + Vim
(takie combo daje możliwości zarówno VIMa, jak i Eclipse).
Vim natomiast najlepiej działa ze skompilowanym dobrze Pythonem :
http://stackoverflow.com/questions/10864042/how-to-check-python-version-that-vim-was-compiled-with
żeby było śmieszniej, to nigdy mi się nie udało tego zrobić na Windows, ale za to łatwo na Linux.

język : najlepiej od razu cisnąc JS + ajax + coś serwerowego czyli PHP.

edytowany 3x, ostatnio: aurel
Zobacz pozostały 1 komentarz
Maciej Cąderek
Maciej Cąderek
@dabra Tak samo jak na klamrach, nie widzę tu istotnej różnicy. No może różnica taka, że nawet kod początkującego da się czytać.
dabra
Ale nie jest przypadkiem, tak - że brak spacji/tab zmienia sens kodu? W przypadku zapisu klamrowego, gdy go nie domknę - kod się nie kompiluje lub zgłaszany jest błąd składni.
Maciej Cąderek
Maciej Cąderek
W Pythonie też złe wcięcie skutkuje syntax errorem - oczywiście może się zdarzyć sytuacja, że błąd nie wyskoczy, ale program będzie działał inaczej niż planowałeś, ale to dokładnie tak jak z postawieniem klamry w złym miejscu.
DE
A nie lepiej JetBrains z vimem? :D
DE
IdeaVim, aczkolwiek mi odpowiada.
Pipes
  • Rejestracja:około 11 lat
  • Ostatnio:ponad 3 lata
  • Postów:459
0
  1. Generalnie potrzebujesz jakiegoś edytora- albo Sublime Text i wtyczki albo jakieś ciekawsze IDE.
  2. Sam korzystam z Sublime'a i IntelliJ.
  3. Nie korzystam z CMSów.
  4. Jeżeli bardziej czujesz wygląd strony- ucz się HTMLa i CSSa. Jeśli bardziej zależy Ci na funkcjonalności, ucz się języka od backendu.
  5. Layouty jakieś.
  6. Patrz odpowiedź na pytanie 4. Wybór technologii backendowej zależy od Ciebie. Java jest popularna i zrozumiała, ale wymaga stosunkowo dużej ilości kodu. Na przeciwnym biegunie jest Ruby, który jest zwarty i szybki w pisaniu, ale rozkminianie magii w Ruby on Rails może wymagać czasu. Nie do każdego przemawia też składnia. Jest też Python- lepszy od Rubiego, bo bardziej czytelny i wymaga pisania w sposób jawny oraz PHP, który ma swoje minusy, ale i tak jest najbardziej popularny i ma sporo dobrych frameworków.
  7. Raczej nie. Chyba, że chcesz zupełnie samemu stronę stawiać. Przy każdej technologii musisz umieć postawić stronę na serwerze.
  8. Nie znam się na tym.
edytowany 1x, ostatnio: Pipes
dabra
  • Rejestracja:około 9 lat
  • Ostatnio:ponad 8 lat
  • Postów:89
1

Któryś z kolegów wspominał o Atom.io, o ilę się nie mylę, jest on zbudowany na podstawie Chrome - więc przy większych projektach (na początku oczywiście to nie problem), może wymagać lepszego sprzętu.

Ja, ze swojej stron polecę brackets - od Adobe (free). Kapitalny - potrafi pracować z plikami PSD, czyli budowanie CSS możesz oprzeć na podstawie dołączone pliku PSD, bardzo fajnie to działa. Kolejna opcja - to wyszukiwanie ciągu znaków w treści plików całego projektu.

Zobacz pozostałe 5 komentarzy
Maciej Cąderek
Maciej Cąderek
Byłby smutnym, mrocznym miejscem :P
dabra
Atom jest naprawdę świetnym narzędziem, ale siła przyzwyczajeń jeszcze silniejsza. Dlatego tak ciężko czasami mi porzucić jedną aplikację dla drugiej.
dabra
@NieGooglujMnie jak z wydajnością eclima? W sensie responsywności edytora?
NG
@dabra Eclim równocześnie musi mieć włączonego Eclipse oraz Gvima (Vima graficznego). Wydajność taka sama jak te dwa programy byłyby razem włączone, a sam Eclim jest niewielką usługą działającą wewnątrz Eclipse. Generalnie Eclipse samo w sobie trochę kobyłowate może być, dlatego najlepiej mieć dysk SSD do tego i jakiś procesor typu i3 przynajmniej. Zwykłe edytory może i są szybsze, ale tutaj po dobrym skonfigurowaniu jednego i drugiego naprawdę czuć powera - do dyspozycji są zarówno pluginy Eclipse jak i Vima, dlatego gra warta świeczki.
dabra
NIe omieszkam przetestować :)
NG
  • Rejestracja:około 10 lat
  • Ostatnio:około 7 lat
  • Postów:278
0

jak ktoś chce szybko sobie ogarnąć bootstrapa i dosłownie w kilkanaście minut wygenerować responsywny szkielet, to zobaczcie na Pingendo:

http://pingendo.com/

nie jest to za duże narzędzie, praktycznie tylko dla siatki Bootstrap, i raczej tylko jako pół-generator

Późniejsze wykończenie lepiej w czymś innym zrobić.

edytowany 2x, ostatnio: aurel
PO
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 5 lat
  • Postów:7
0
Biały Kaczor napisał(a):

... Jak zacząć?

Oprócz samokształcenia, sugeruję zacząć od określenia celu. Postarałbym się o "wolontariat" / staż w jakimś projekcie(firmie), w którym brakuje rąk do pracy i docenią twoją chęć nauki.
Konkretne zadania zmuszą Cię do znalezienia odpowiedzi na pytania: O co chodzi i jak się to robi? Będziesz miał kontakt z innymi programistami, dowiesz się

Biały Kaczor napisał(a):

W jaki sposób pisze się strony i aplikacje webowe?
.

Możesz zdecydować się na swój własny projekt, ale jest to wolniejsza droga. Poza tym, po napisaniu swojego "portalu", możesz trafić do firmy produkującej oprogramowanie, z poczuciem opanowania tematu i doznać szoku. Może okazać się, że twój sposób pisania stron, w porównaniu z tym z czym się zetkniesz, jest jak rower w porównaniu z samolotem.

Jakkolwiek, powodzenia!

CH
No tak ale jest szansa ,że na wolontariat/praktyki (nieodpłatnie) przyjmą kogoś kto dopiero zaczyna nauka programowania?
DE
Ja dostałem się po miesiącu. Na staż - płatny.
CH
Po miesiącu nauki dostałeś się na płatny staż ?
DE
Tak, 1000 zł.
HA
  • Rejestracja:około 9 lat
  • Ostatnio:ponad 6 lat
  • Postów:26
0

Ja zaczynałem od stronek stawianych na gotowych szablonach i połączeniu na 5 minut z TP, żeby to wszystko wgrać. Piękne czasy, kiedy przychodziły rachunki za net na kilkaset złotych ;-)

0

Jaki framework polecacie na początek nauki ?
angular 1 ,2 , react ?

Maciej Cąderek
Maciej Cąderek
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 3 lata
  • Lokalizacja:Warszawa
  • Postów:1264
0

Angular 1 jest nadal najpopularniejszy, ale jak zaczynasz to bym się w niego nie pakował, bo to najgorsza technicznie opcja z tych trzech. React to nie kompletny framework, a biblioteka do widoków. Najlepiej wypróbuj React + jakiś fluxopodobny twór (polecam Redux i Immutable.js) oraz Angular 2 i zobacz co Ci bardziej podpasuje.

W światku Ruby jeszcze Ember jest popularny, więc to też sensowna opcja. Jest też Vue ale ofert w tym nie widziałem.

edytowany 1x, ostatnio: Maciej Cąderek
0

Zaczynam ogolnie z JS i wydaje mi sie, ze lepiej zaczac od jakiejs sensownej biblioteki/frameworka niz jakies jquery itp.

Myślałem wlasnie moze o React.

0

Co jest lepsze Ruby i RoR czy Python i Django? Wiem że PHP 7 jest szybszy od tych dwóch i nie trzeba się przy PHP uczyć dwóch rzeczy, chyba że dochodzi Symfony i Zen.

0

Kiedy wy wreszcie zrozumiecie że czy coś jest lepsze zależy tylko od przypadku stosowania - wszystko ma swoje plusy i minusy.

Maciej Cąderek
Maciej Cąderek
Zapewne nigdy, bo te Twoje "wy" to za każdym razem inne osoby.
PI
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 7 lat
  • Postów:172
0
Biały Młot napisał(a):

Zaczynam ogolnie z JS i wydaje mi sie, ze lepiej zaczac od jakiejs sensownej biblioteki/frameworka niz jakies jquery itp.

Myślałem wlasnie moze o React.

jQuery to jak najbardziej sensowna biblioteka. Upraszcza składnię oraz sposób poruszania się po DOMie, zwalnia z martwienia się o to czy dana przeglądarka wspiera określoną komendę i wymyślania obejść do użycia jakiejś funkcji. Nauka w podstawowym zakresie nie zajmie wiele czasu a szybko się przekonasz, że to przydatna wiedza, tak w kwestii nauki samego JS'a jak i pracy.

Maciej Cąderek
Maciej Cąderek
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 3 lata
  • Lokalizacja:Warszawa
  • Postów:1264
0

@Pietruch Fakt, jQuery każdy powinien znać, aczkolwiek do bardziej interaktywnych stron się nie nadaje.

PI
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 7 lat
  • Postów:172
0

@Maciej Cąderek - pewnie nie, tylko takimi rzeczami uczeń martwić się będzie za jakiś czas ;)

AL
  • Rejestracja:około 9 lat
  • Ostatnio:około 9 lat
  • Postów:1
0

Notepad++ absolutnie wystarczy, inne wynalazki na początek będą robić tylko zamieszanie.
Poszukaj dobry kurs HTML5+CSS3. Jak już będziesz ogarniał ta podstawową technologię, znajdź kurs JS, PHP lub inny język programowania pozwalający na rozbudowę funkcjonalną stron i interaktywność. Nawet jeżeli nie staniesz się jakimś wielkim programistą w tych językach to będziesz umiał zastosować skrypty na swojej stronie a nawet je dostosowywać do własnych potrzeb.

Kursy które polecam:
https://www.codecademy.com
http://webkod.pl

edytowany 1x, ostatnio: Alikor
0

Szkoda że nie ma tego Notepad++ na Linux i muszę korzystać z NotepadQQ, tylko nie wiem jak pod Linuksem ustawić te pionowe paski od klamry do klamry co opadają. Z góry dzięki za odpowiedź.

Tumeg
  • Rejestracja:około 11 lat
  • Ostatnio:ponad 8 lat
  • Postów:687
0

Po co Ci jakieś wynalazki jak można na Linuxie używać normalnego edytora - Brackets'a ?

edytowany 1x, ostatnio: Tumeg
0

Na linuxie używa się nano.

0

Heretyk!

Vim

0

Sublime text
Lighttable

0

A zaczynając teraz od zera i kierując się na aplikacje webowe co lepiej wybrać do nauki Ruby.RoR czy Python.Django lub JavaFX?

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.