Pierwsza i ostatnia strona internetowa w życiu

Pierwsza i ostatnia strona internetowa w życiu
0

Nie mam o programowaniu praktycznie żadnego pojęcia, ale mam jakąś taką wewnętrzną ochotę w sobie żeby sprawdzić z czym to się je i napisać dla siebie jakąś bezużyteczną mało interaktywną stronę internetową.

Byłaby to strona internetowa na której w bazie danych byłoby kilkanaście filmów. Każdy film miałby więc w bazie swój obrazek, opis, itd. Bazę mógłbym łatwo rozszerzać.

Użytkownik strony w zasadzie mógłby tylko założyć konto lub zalogować się i przeglądać filmy z bazy danych wraz z ich obrazkami/opisami. Zalogowany użytkownik mógłby jeszcze zmienić hasło, wylogować się, dodawać filmy do Ulubionych, przeglądać listę Ulubionych, oceniać filmy (oraz zapamiętywać co jest w Ulubionych i oceny filmów). Chciałbym aby była to strona łatwo rozszerzalna o przeróżne dodatkowe featury.

No więc jest to zapewne dla Was prosta rzecz, dla mnie czarna magia. Wiem, że potrzebować będę HTML, CSS i ewentualnie JavaScript. Framework do JavaScripta raczej nie byłby potrzebny. Natomiast jaki rodzaj bazy danych wybrać - czyżby MySQL? Oraz co do backendu: zastanawiałem się między PHP lub Pythonem.

Zależy mi tylko i wyłącznie na tym, żeby wyżej wymieniony "projekt" móc wykonać jak najłatwiej i najszybciej. Programowanie to nie moja działka i w zasadzie mnie to nie obchodzi, po prostu chcę spróbować to zrealizować.

Nie chcę przerabiać żadnych kursów lub tutoriali, które mnie małymi kroczkami do mojego celu doprowadziłyby. Wolałbym od razu zacząć pisać tę stronę metodą prób i błędów wraz z pomocą Pana Googla (zapewne bardzo częstą), mimo że nawet nie wiem jeszcze z której strony to chwycić.

Na googlach "jaki backend język?" z tego co widziałem ludzie pytają najczęściej pod robienie kariery jako programista, zarobki, czy język się rozwija i będzie dobry w przyszłości i innego tego typu rzeczy -- co mnie w ogóle nie dotyczy. Mnie obchodzi tylko ta strona i nic więcej po tym. :)

Mógłby ktoś życzliwie polecić jaka baza danych i jaki backend język? :) Dziękuję i miłego dnia.

0

Z takim podejściem najlepszy będzie php a baza mysql. A teraz googlaj i pisz swoją stronkę.Powodzenia

NikolaPolov
  • Rejestracja:prawie 8 lat
  • Ostatnio:ponad 6 lat
  • Lokalizacja:Warszawa
  • Postów:106
0

HTML + CSS . NIe baw się w js jak nie chcesz w to brnąć bo zabiera zbyt wiele czasu . Do tego PHP i MySQL . Na youtube znajdziesz tysiące takich połączeń i na pewno dzasz rade coś skopiować.


Nie byłbym sobą gdybym był kimś innym
C0
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 7 lat
  • Postów:26
4
Skrrru napisał(a):

@c0mrade777 Dlaczego miałoby to być bez sensu? Z jakim podejściem... że z złym?

Nie mam pojęcia o chirurgii ale moja babcia potrzebuje operacji a ja mam taką wewnętrzną ochotę w sobie żeby sprawdzić z czy to się je i operować babcię żeby wyzdrowiała.

Byłaby to taka prosta operacja kilka prostych cięć później jako tako pozszywać.

Trzeba by było to i tamto wyciąć odpowiednio całą aparaturę przygotować może tam jakiegoś znajomego do pomocy wziąć co tam kiedyś w aptece pracował. Chciałbym aby była to operacja którą można by było ewentualnie powtórzyć i jeszcze coś tam pozmieniać jak nie wyjdzie.

Jest to dla mnie czarna magia ale wiem, że tam się używa skalpela nożyczek operacyjnych i ewentualnie igły jak trzeba bedzie zszyć. Jeżeli chodzi o znieczulenie to raczej nie będzie potrzebne. Natomiast jaki rozmiar nożyczek wybrać - czyżby 150mm? Oraz co do celu operacji: zastanawiam się między Operacją radykalną a Operacją palitywną.

Zależy mi tylko i wyłącznie na tym, żeby wyżej wymieniony "projekt" móc wykonać jak najłatwiej i najszybciej.
Chirurgia to nie moja działka i w zasadzie mnie to nie obchodzi, po prostu trochę szkoda mi babci.

Nie chcę przerabiać żadnych wykładów lub książek, które mnie małymi kroczkami do mojego celu doprowadziłyby. Wolałbym od razu zacząć operować babcię metodą prób i błędów wraz z pomocą Pana Googla (zapewne bardzo częstą), mimo że nawet nie wiem jeszcze z której strny to chwycić.

Na googlach "jak przeprowadzić operację" z tego co widziałem ludzie pytają najczęściej pod pracę jako chirurg, studia, czy nauka medycyny rozwija i będzie ważna w przyszłości i innego tego typu rzeczy -- co mnie w ogóle nie dotyczy. Mnie obchodzi tylko ta żeby załatwić tę operację babci i nic więcej o tym. :)

Mógłby ktoś życzliwie polecić jakie te nożyczki i skalpel? :) Dziękuję i miłego dnia.

2

Programiści to jednak trudni ludzie.

NikolaPolov
  • Rejestracja:prawie 8 lat
  • Ostatnio:ponad 6 lat
  • Lokalizacja:Warszawa
  • Postów:106
1

POdsumowując zamieżasz spędzić pare miesięcy życia ucząc się html css php i mysql aby nigdy więcej już tego nie użyć . To troche jak nauka łaciny na studiach prawniczych . BEZSENSU


Nie byłbym sobą gdybym był kimś innym
Hodor
@NikolaPolov Bardzo płytko patrzysz, współczuję (trochę).
DE
  • Rejestracja:ponad 9 lat
  • Ostatnio:10 miesięcy
  • Postów:1788
1

Nie wiem o co Wam chodzi. Chłopak chce sobie napisać stronkę, z czystej ciekawości, żeby zobaczyć z czym się zmagamy na co dzien, a Wy, nie wiedzieć czemu macie z tym problem.

Kilka uwag ode mnie:

To co stworzysz to będzie kupa błota.

Raczej nie będzie to łatwo rozszerzalne, a czas przeznaczony na dodawanie nowych ficzerów będzie rósł wykładniczo.

Jako backendu użyj PHP. Najlepszym frameworkiem będzie laravel, bo tam masz logowanie out of the box.

Na YT masz sporo tutoriali jak postawic jakas prosta stronkę z logowaniem i edycja czegoś tam. Warto, żebyś chociaż jeden ogarnął, bo inaczej będziesz jak dziecko we mgle.

Baza danych to w sumie obojętnie. Może być nawet sqlite. Na Twoje szczęście wybrałeś oklepany temat, więc w internecie powinieneś znaleźć sporo gotowych schematów baz danych, żebyś nie musiał za dużo myśleć nad relacjami, normalizacja itp.

JS sobie odpuść, bo nie jest konieczny do stworzenia takiej minimalnej stronki. Wystarczy CSS i jakia framework typu bootstrap, który w zasadzie spowoduje, że nie będziesz musiał własnego CSS pisać.

Całość podziel sobie na małe zadanka. Wysznacz sobie kluczowy ficzer swojej aplikacji i na początek zrób jego działająca wersje. Czyli nie od razu listę filmów z obrazkami, które zalogowany user sam dodaje i jeszcze może kliknąć serduszko, żeby dodać do ulubionych. Najpierw zrób listę filmów, która sobie leci z bazy, bez możliwości filtrowania, po prostu wyświetlasz listę filmów z bazy. Później dodajesz możliwość otworzenia szczegółów filmu. Później jakieś kategorię. Później możliwość dodawania edycji... Itd itd.

Generalnie każde, nawet najtrudniejsze zadanie można tak zgranulować, że dasz radę to wygooglac i skopiować
rozwiazanie. Dziel i zwyciężaj.

No, to chyba tyle. Powodzenia ;)

edytowany 2x, ostatnio: Desu
Marcin.Miga
  • Rejestracja:prawie 17 lat
  • Ostatnio:dzień
  • Postów:2792
1

@NikolaPolov: On nie chce się nauczyć, on chce napisać i zapomnieć, że to "zrobił"...

DE
Dokładnie. Koledzy wyżej myśleli, że kolejny przyszedł po 15k i stąd ta gównoburza.
C0
@Desu: ja się o 15k nie martwię zostawię je bardzo chętnie cebulakom, te wymarzone zarobki nie dają chociaż $50000 w ciągu roku, nie lepiej wychodować sobie jaja i pracować za prawdziwe pieniądze :P
NikolaPolov
  • Rejestracja:prawie 8 lat
  • Ostatnio:ponad 6 lat
  • Lokalizacja:Warszawa
  • Postów:106
1

@Marcin.Miga: W życiu staram się kierować logiką a tutaj nie dostrzegam niczego co miałoby sens :) . Nie wiem nawet czemu zdecydowałem się udzielić w tym wątku :) No cóż miłego dnia życze wszystkim czytającym.


Nie byłbym sobą gdybym był kimś innym
DE
Nie robisz nic z czystej ciekawości?
C0
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 7 lat
  • Postów:26
1
Desu napisał(a):

Nie wiem o co Wam chodzi. Chłopak chce sobie napisać stronkę, z czystej ciekawości, żeby zobaczyć z czym się zmagamy na co dzien, a Wy, nie wiedzieć czemu macie z tym problem.

Ludzie chcący się uczyć z wszelkich możliwych źródeł i mający więcej niż słomiany zapał bardzo często się poddają a z takim podejściem jaki może być efekt.

Zależy mi tylko i wyłącznie na tym, żeby wyżej wymieniony "projekt" móc wykonać jak najłatwiej i najszybciej. Programowanie to nie moja działka i w zasadzie mnie to nie obchodzi, po prostu chcę spróbować to zrealizować.

Nie chcę przerabiać żadnych kursów lub tutoriali, które mnie małymi kroczkami do mojego celu doprowadziłyby.

czysteskarpety
czysteskarpety
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
3

Dla takich osób jest wordpress, tworzysz wpisy z kategorii film, dodajesz obrazek wyróżniający, osoby logowane mają najniższe uprawnienia tylko do odczytu, zabezpieczasz panel logowania i tyle, a resztę zaoszczędzonego czasu poświęć na optymalizację.


edytowany 1x, ostatnio: czysteskarpety
NikolaPolov
Albo jakiś wix.com
DE
Faktycznie, wordpress :O
L7
  • Rejestracja:ponad 13 lat
  • Ostatnio:dzień
  • Postów:433
0
Pijany Szefc napisał(a):

Z takim podejściem najlepszy będzie php a baza mysql. A teraz googlaj i pisz swoją stronkę.Powodzenia

Nie wiem po co taka dyskusja. W poście Pijany Szefc są odpowiednio wskazane "narzędzia" i teraz już tylko google i do przodu. Odnośnie samego tematu, "napisać i zapomnieć". Czyli co? Projekt na informatykę do zaliczenia masz?

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:2 minuty
  • Postów:8398
1

Jeśli chodzi o łatwą bazę danych dla początkującego - Firebase od Google. Masz edytorek i tam sobie tworzysz bazkę (klikasz, dodajesz pola), możesz się łaczyć przez do niej (z przeglądarki nawet, w JavaScript), możesz z automatu dodać konta użytkownika, hasła itp. To pozwoli ci w ogóle wyeliminować potrzebę backendu.

Łączysz to z HTML/CSS (plus Bootstrap, gdzie masz zestaw widżetów) / JavaScript (i jakaś biblioteka typu jQuery do łatwego manipulowania elementami) i masz łatwy, szybki zestawik dla początkującego.


edytowany 1x, ostatnio: LukeJL
Aventus
No co Ty, kto teraz jQuery używa? Same lamusy ;)
DU
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 4 lata
  • Postów:106
1

Przecież od razu widać, że chodzi o jakiś projekt na zaliczenie. Ale z was naiwniaki ;P

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)