Webmastering dla zatwardziałego jawowca

Webmastering dla zatwardziałego jawowca
AK
  • Rejestracja:ponad 6 lat
  • Ostatnio:około rok
  • Postów:3561
0

Czego by się mógł/powinien nauczyć javowiec nazwijmy backendowiec, robiący fullstack w Apache Wicket / JSF.
Raczej zasobne w cyferki strony intranetu, z małą ilością grafiki rzucające na kolana.
Modularny, w jednej firmie jest inny, w drugiej inny

krąży koło mnie słowo Typescript i Angular, szukałby takie sposobu podania, pasującego do myślenia javowca-backendowca

Coś w rodzaju: "angular dla javowca", poziom podstawowy-średni


Bo C to najlepszy język, każdy uczeń ci to powie
edytowany 2x, ostatnio: AnyKtokolwiek
NS
  • Rejestracja:ponad 7 lat
  • Ostatnio:3 dni
  • Postów:455
0

Ja polecam właśnie Angulara 6. O dziwo, z Javy, TypeScript załapałem kilka dni, a framework jest intuicyjny. Ogólnie nauka idzie błyskawicznie w porównaniu z tym co przechodziłem ucząc się Springa. Masz managera pakietów i jedną komendą generujesz projekt, który działa na node.js i można go edytować fajnie live.
Fajna zabawka bez zbędnej zabawy w konfigurację (przynajmniej na podstawowym poziomie).
Pozdro

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:2 minuty
  • Postów:8399
0

Czego by się mógł/powinien nauczyć javowiec nazwijmy backendowiec, robiący fullstack w Apache Wicket / JSF.

Zależy czego od ciebie oczekują w pracy, albo czego sam oczekujesz.
Podstawy frontendu to bardziej HTML/CSS, ale z drugiej strony jeśli ktoś za ciebie pisze brudną robotę, to można się pobawić w Angulara czy innego TypeScripta (w sensie, że programowanie to programowanie, w tym języku czy w innym (pomijając to, że będziesz kaleczył JavaScript na pewno i pisał w nim jak w Javie - piszę JavaScript, bo TypeScript to bardziej jak JS z nakładkami, a nie jakiś język od nowa robiony), a HTML/CSS to jest jednak inny poziom myślenia, innych skilli wymaga. I w zasadzie to nauka od nowa wszystkiego.


edytowany 2x, ostatnio: LukeJL
AK
  • Rejestracja:ponad 6 lat
  • Ostatnio:około rok
  • Postów:3561
0
NeutrinoSpinZero napisał(a):

Ja polecam właśnie Angulara 6. O dziwo, z Javy, TypeScript załapałem kilka dni, a framework jest intuicyjny. Ogólnie nauka idzie błyskawicznie w porównaniu z tym co przechodziłem ucząc się Springa. Masz managera pakietów i jedną komendą generujesz projekt, który działa na node.js i można go edytować fajnie live.
Fajna zabawka bez zbędnej zabawy w konfigurację (przynajmniej na podstawowym poziomie).
Pozdro

Umiałem statycznie projektować (X)HTML, dobry się zrobiłem z CSS3, pokolorowałem cały intranet.
O ile szybko chyba zakumam dynamikę (zdarzenia) typowa dla Angulara, ja zaprojektować banalną biznesową stronę z menu, filtrami, listą, podsumowaniem. Nie miałem żadnych problemów z zaprojektowaniem tego renderując na serwerze


Bo C to najlepszy język, każdy uczeń ci to powie
LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:2 minuty
  • Postów:8399
0

Umiałem statycznie projektować (X)HTML

XHTML to raczej staroć. Teraz się z HTML5 korzysta, który jest zresztą mniej restrykcyjny, nie dość, że nie jest zgodny z XML, to również pozwala na niedomykanie niektórych tagów w pewnych sytuacjach.


AK
  • Rejestracja:ponad 6 lat
  • Ostatnio:około rok
  • Postów:3561
0
LukeJL napisał(a):

Czego by się mógł/powinien nauczyć javowiec nazwijmy backendowiec, robiący fullstack w Apache Wicket / JSF.

a HTML/CSS to jest jednak inny poziom myślenia, innych skilli wymaga. I w zasadzie to nauka od nowa wszystkiego.

Mało ambitna biznesowa tabelka musi się ukazać moimi rękami (lista faktur z wymaganego okresu, lista klientów). w lewym pasie nawigacji kalendarzyk, pierdoły
Moze potem to ktoś będzie dopieszczał.
Nie chce nadmiernej energi na to poświecić, ale na tyle zdobyć wiedzy, chce poruszać się gorzej lub lepiej fullstack


Bo C to najlepszy język, każdy uczeń ci to powie
edytowany 1x, ostatnio: AnyKtokolwiek
AK
  • Rejestracja:ponad 6 lat
  • Ostatnio:około rok
  • Postów:3561
0

Podbijam temat :)

Mam zapoznanie z Angular jako taki, prezentacje Adama Biena, Antonio Concalvesa nt JEE+Angular ... gdzieś w tym punkcie jestem. Olbrzymia większość dokumentacji Angulara nie jest w duchu JEE.

A każdym punkcie podkładem mojego pytanie jest bardziej "nudny intranet" niż kolorowa strona publiczna (w rzeczywistości nie jest całkiem pozbawiony koloru i bitmap, ale wiadomo). Dynamiczny cloud, z nieograniczoną ilością potencalnych hostów nie jest rozważany. Raczej "prywatny cloud" na palcach jednej ręki najwyżej, z pełnowartościowym serwerem czy Raspberry.

  1. Generalnie widzę cała ta nowa filozofia bdb by się czuła z bezstanowymi rozwiązaniami, a stan niekiedy jest bardzo wyraźny. To dziesiątki pól które jeszcze nie mogą być commitowane do bazy.

  2. Czy użycie Angulara wymusza wzorzec Single Page Application? Obszar tematyczny aplikacji jest bardzo szeroki, wiele tematów nie mających ze sobą nic wspólnego, tak jak realia biznesowe, nie wyobrażam sobie SPA.

  3. Autoryzacja i ukrywanie fragmentów (czy wyszarzanie). Jak na miarę roli użytkownika aplikacja JEE backend / REST serwisy z monolitu (oraz ograniczona ilość mikroserwisów) / Angular frontend powinna to robić?

  4. Token autoryzacyjny o jakim się mówi mikroserwisach, to co to jest dla Javowca? Nie mówicie, ze to tak proste jak JSESSIONID
    EDIT: już wiem, JWT, czytam.

  5. Automatyczne formatki biznesowe. Gdy w projekcie (kodzie głównym - albo wdrożeniu) pojawi się nowe pole, posiadające "stosowne" metadane, automatyczne dodanie na formatce (bez pracy frontendowej). Oczywiście automatyczne pole mnie będzie bogate w eventy / ajaxyfikowane jakoś bogato.


Bo C to najlepszy język, każdy uczeń ci to powie
edytowany 2x, ostatnio: AnyKtokolwiek
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)