Zielony "programista" w tworzeniu stron internetowych

Zielony "programista" w tworzeniu stron internetowych
ŚE
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 4 lata
  • Postów:6
0

Witam!
To mój pierwszy post na tej stronie oraz pierwszy post o temacie programistycznym.
Mianowicie mam do zrobienia projekt - stronę, na zaliczenie(studia).
Nie mam zielonego pojęcia jak się do tego zabrać krok po kroku, ani jakich technologi dokładnie użyć.
Ogarniam jedynie podstawy HTML5 lub CSS, a do tego jednak potrzeba nieco więcej :p
Strona ma działać na zasadzie repozytorium do sprawozdań na której nasz wykładowca może oceniać
wysłane przez nas sprawozdania. Każdy użytkownik(student) musi mieć swoje konto i być przypisanym do swojej grupy.
W swojej grupie będzie mógł dodawać swoje sprawozdania(do innych grup nie moze mieć dostępu), oraz nie moze widzieć
innych sprawozdań kolegów z tej grupy. Wykładowca będzie miał dostęp do wszystkich sprawozdań i ma możliwość oceniania ich,
a my jako uzytkownicy(studenci) będziemy mogli z naszego konta zobaczyć jaką ocene otrzymało nasze sprawozdanie.
Silnie potrzebujemy pomocy, bo zostało nam niewiele czasu, praktycznie do września, a chcielibyśmy chociaz wiedzieć jak to zrobić i jakich technologii użyć.
Dodam jedynie, że nasz wykładowca niecierpi PHP, wieć zostaję prawdopodobnie Nodejs
Z góry dziękuję

stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
0

to co na zajeciach robiles?


λλλ
ŚE
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 4 lata
  • Postów:6
0

Właśnie nie miałem nic z kategorii stron internetowych :) Jedynie c++, jestem na 1 roku. Sami się zdziwiliśmy, że dał nam takie zadanie

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

co tylko pokazuje jakie te studia są poje... porypane :D


ŚE
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 4 lata
  • Postów:6
0

To swoją drogą :p Skupiłbym się na temacie i pomocy, bo naprawdę nam zależy, a nie wiemy czego dokładnie i do czego użyć(technologie)

stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
1

??! :D
to moze sie odwolajcie


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

przecież zrobienie tego nawet w php (bo ja mniemam pewnie frameworki nie wchodzą w grę, a jeśli nawet bez znajomości php i tak nic z tego) zajmie zielonemu mnóstwo czasu i pewnie będzie to dziurawe, nie wspominając o node.js gdzie jest więcej zależności i narzędzi :]


stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
0

jak tak ogolnie potrafia cos programowac i znaja frontend to z pomoca google i SO moze sie to udac. Nie rozumiem jedynie pytania bo nie wiem w czym moge pomoc

mieliscie w ogole cos o SQL albo ORM?


λλλ
edytowany 1x, ostatnio: stivens
ŚE
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 4 lata
  • Postów:6
0

Tak, mieliśmy SQL. Jedynie na HeidiSQL uczyliśmy się poleceń, wyszukiwań, dodawania i usuwania rekordów itd,etc. Ale nic o implementacji niestety

ŚE
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 4 lata
  • Postów:6
0

A pytanie, to jak to wgl. zrobić :D Krok po kroku, co do czego. Wiem, że np. w Nodejs mozna zrobić system logowania i rejestracji oraz system dodawania plików

stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
0

a to systemu oceniania sprawozdan juz nie mozna zrobic? ;)


λλλ
ŚE
Problem w tym, ze nie wiem jak. Logowanie i dodawanie plików - tutoriale na youtubie. Reszta to niewiadome
stivens
No ale mechanizmy jak to dziala przeciez znasz/masz. Nie o to chodzi w programowaniu zeby kazdy przypadek w tutoroalu byl
czysteskarpety
czysteskarpety
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
1

jedynie co mi przychodzi do głowy to przeszukać githuba z odpowiednimi frazami np. nodejs-blog to będziesz miał login/register/admin/user, potem nodejs file upload czyli dodawanie plików, potem to połączyć w całość i modlić się, że wykładowca nie będzie miał chęci tego odpalić i sprawdzić jak działa :D


1

Ale co jest złego w PHP? Twój wykładowca cierpi na syndrom PHP sprzed 18 lat? Przecież w PHP z frameworkiem lub mikroframeworkiem i odpowiednią wiedzą można zrobić taki projekt szybko i bardzo ładnie.

Po co pchać się w nodejs i dłubać backend w JS skoro oprócz PHP jest Python z Django? Może jeszcze powie by użyć kolosa Jave z kobyłą springiem? Po co?

Dziwnego macie wykładowcę skoro na 2 semestrze studiów po C++ każe wam zrobić apkę webową. Co to za przedmiot?

ŚE
Narzędzia progamistyczne. Jedynie ten wykładowca wymaga od nas czegoś, czego nigdy nawet nie robiliśmy. Wyśmiewa PHP i mamy do niego z tym nie przychodzić. Co do Pythona z Django to pewnie przejdzie
czysteskarpety
czysteskarpety
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
1

takie realia na uczelniach obecnie, już lepiej uczyć sie samemu, a zrobić pedagogikę, przynajmniej dziewczyny poznasz i na imprezy pochodzisz :)


Nomysz
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 6 lat
  • Postów:60
0

W przypadku wykorzystania node.js z express.js, można napisać to w miare szybko. Chyba, że koniecznie chcą się katować samym nodejs, to wtedy trochę sobie posiedzą :)

ŚE
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 4 lata
  • Postów:6
0

Nie musimy tego robić z samym NodeJs. Byle nie PHP. Więc czy polecicie jakieś poradniki najlepiej step by step, czy jakich modułów użyć(jeżeli to sie nazywa moduł) Jak np. Express etc? Nie wiem od czego zacząć i jak to dobrać w całość. Z góry dziękuję

stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
0

Potrafisz napisac rejestracje w dowolnym jezyku bez patrzenia na tutorial?


λλλ
ŚE
Nigdy czegoś takiego nie pisałem. Jedynie zadania matematyczne, sortowania lub szyfrowanie, kolejki etc
IK
  • Rejestracja:ponad 7 lat
  • Ostatnio:prawie 2 lata
0
Świeży Emil napisał(a):

Nie musimy tego robić z samym NodeJs. Byle nie PHP. Więc czy polecicie jakieś poradniki najlepiej step by step, czy jakich modułów użyć(jeżeli to sie nazywa moduł) Jak np. Express etc? Nie wiem od czego zacząć i jak to dobrać w całość. Z góry dziękuję

Node.js + Express + Mongo:
https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website
Na twoim miejscu rozważyłbym też Django:
https://docs.djangoproject.com/en/2.1/intro/
albo Ruby on Rails, ale tu nie jestem w stanie ci polecić żadnego tutoriala, bo sam się na tym nie znam ;)

edytowany 1x, ostatnio: iksde
Zobacz pozostały 1 komentarz
ŚE
Więc podsumowując do tego projektu prościej/szybciej dojdziemy stosując Django + Python?
stivens
Odpowiedz na moje pytanie wyzej
IK
Zdecydowanie tak. Użytkowników, uwierzytelnianie i grupy masz out of the box. Wystarczy dopisać CRUDa do sprawozdań, możliwość oceniania, egzekwowanie uprawnień (tu też Django ci pomoże) i pozostanie tylko podpiąć pod to wszystko HTMLa i CSSa.
ŚE
Dzięki raz jeszcze. Polecasz odwiedzić i uczyć się z ich głównej strony czy obczajać tutoriale gdzieś po sieci?
IK
Tutorial do Django z oficjalnej strony jest niczego sobie (słyszałem opinie, że jest to najlepsza oficjalna dokumentacja i tutorial kiedykolwiek stworzone), co do pozostałych technologii to ciężko mi się wypowiedzieć, bo mam z nimi małe doświadczenie.
stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
0

λλλ
Aventus
  • Rejestracja:prawie 9 lat
  • Ostatnio:ponad 2 lata
  • Lokalizacja:UK
  • Postów:2235
0

Czyli co- na zaliczenie macie zrobić aplikację internetową chociaż nic z tego się nie uczyliscie? To niby z jakiego przedmiotu to zadanie jest?

Ktoś tu chyba kreci- albo Ty i w takim razie bierz się do pracy, bo nikt Ci tu za darmo tego nie zrobi, albo wykładowca i w takim przypadku zbierzcie się grupą i odwolajcie od tego.


Na każdy złożony problem istnieje rozwiązanie które jest proste, szybkie i błędne.
Zobacz pozostały 1 komentarz
Aventus
Tak się składa że aktualnie studiuję wieczorowo i nigdy nie zdażyło się żeby wykładowca wymagał od nas czegoś czego nie dotyczy przedmiot. A jeśli taki się trafi to trzeba to zgłosić, szczególnie jeśli robi to większej grupie studentów. Swoją drogą nie odpowiedziałeś co to za przedmiot.
ŚE
Jest wyżej w komentarzach. Studiowanie niestacjonarne, a stacjonarne to niebo, a ziemia. Przedmiot: narzędzia programistyczne. Swoją drogą, to częste zjawisko. Wykładowca może naprawdę dużo i zresztą to nie piewszy raz w którym mam taką sytuację. W 1 półroczu miałemd o zrobienia projekt z blendera, z którego nie miałem żadnych zajęć tzn formalnie były, ale nic na nich nie robiliśmy, bo wykładowca wychodził zawsze. Było o tyle łątwo, że było dużo tutoriali na yt i wprost powiedziane jak i co zrobić. Tutaj jest inaczej, ale niektórzy stąd już mnie nieco naprowadzili
Aventus
Ok, jeśli faktycznie tak jest to współczuję. Chociaż i tak uważam że takie sprawy powinno się grupowo zgłaszać. Nie studiowałem nigdy w Polsce, ale u mnie coś takiego jest nie do pomyślenia.
ŚE
Takie rzeczy tylko w Cebulandi :D
MD
Co to za uczelnia?
KO
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad 6 lat
  • Postów:35
0

Nie czytałem całego wątki (sorry) ale nie zazdroszczę.. może Python?

edytowany 2x, ostatnio: kodokleta
DU
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 4 lata
  • Postów:106
0

Mianowicie mam do zrobienia projekt - stronę, na zaliczenie(studia).
Nie mam zielonego pojęcia jak się do tego zabrać krok po kroku, ani jakich technologi dokładnie użyć.
Ogarniam jedynie podstawy HTML5 lub CSS, a do tego jednak potrzeba nieco więcej :p
Strona ma działać na zasadzie repozytorium do sprawozdań na której nasz wykładowca może oceniać
wysłane przez nas sprawozdania. Każdy użytkownik(student) musi mieć swoje konto i być przypisanym do swojej grupy.
W swojej grupie będzie mógł dodawać swoje sprawozdania(do innych grup nie moze mieć dostępu), oraz nie moze widzieć
innych sprawozdań kolegów z tej grupy. Wykładowca będzie miał dostęp do wszystkich sprawozdań i ma możliwość oceniania ich,
a my jako uzytkownicy(studenci) będziemy mogli z naszego konta zobaczyć jaką ocene otrzymało nasze sprawozdanie.
Silnie potrzebujemy pomocy, bo zostało nam niewiele czasu, praktycznie do września, a chcielibyśmy chociaz wiedzieć jak to zrobić i jakich technologii użyć.
Dodam jedynie, że nasz wykładowca niecierpi PHP, wieć zostaję prawdopodobnie Nodejs

Kręcisz.
Jestem po studiach stacjonarnych i takie zadanie mogłoby pojawić się tylko jako grupowy projekt 3-5 osób. Takie projekty robi się przez cały semestr i zdaje raporty co tydzień na zajęciach z prowadzącym ( co już zrobiliście / z czym macie problemy ). Na pierwszych zajęciach zwykle są przedstawiane wymogi oraz wybierany jest temat projektu. Każde kolejne przybierają formę konsultacji.

U nas na kierunku takie projekty też robiło się kilka dni przed terminem, ale znaliśmy swoje możliwości i umiejętności, więc mogliśmy sobie na to pozwolić.

Na Waszym miejscu zapomniałbym o tym projekcie, zebrał hajs na poprawkę i za rok powtórzył podejście z pomocą prowadzącego. Prowadzący nie może wymagać czegoś ponad jego własny zakres wiedzy, więc na bank na konsultacjach rozwiałby wszystkie wątpliwości. Ba, może nawet przesłał przykłady poprzednich projektów z wcześniejszych lat.

ŚE
Napisałem, że to projekt grupowy i faktycznie jest jak piszesz, ale żadnych konsultacji nie było :) Były "formalnie" zajęcia, ale prowadzący - wykładowca nie mówił co dokładnie mamy zrobić, jakich technologi użyć - jedynie kazał nam kombinować
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)