K čemu tato sekce slouží
Tato sekce webu slouží pro ostatní tutoriály týkající se servletů. Pokud by jste tady chtěli nějaký tutoriál nebo článek napsat a přispět tak k rozvoji webu, tak určitě můžete. Je mi celkem jedno, o čem budete psát, ale mělo by se to alespoň okrajově týkat servletů. Ve zbytku této stránky se můžete dozvědět, jak na to.
Jak vytvořit tutoriál/článek
Pokud v této sekci chcete vytvořit tutoriál nebo článek, tak si nejdříve musíte forknout repozitář projektu na GitHubu. Poté můžete tutoriál/článek napsat a vytvořit pull request. Pokud nevíte jak forkování a pull requesty fungují, tak se můžete třeba podívat na následující video, ve kterém je to vysvětlené.
O souborové struktuře projektu si můžete přečíst na stránce s popisem zdrojového kódu projektu. Určitě si ji přečtěte, protože se tam třeba také dozvíte, jak do článku vkládat ukázky kódu a tak podobně.
Článek můžete vytvářet ve složce pages/dalsi-tutorialy, kde si pro něj můžete založit novou složku. V této složce poté vytvořte soubor index.ejs, který bude představovat HTML stránku. Základní kód si pro ni můžete zkopírovat z následující ukázky. Jednotlivé hodnoty atributů, nadpisu a tak podobně samozřejmě změňte podle vaší potřeby.
<%- include("../../includes/page-start.ejs", {pathToRootFolder: "../../", title: "Titulek (můžete použít nadpis)", metaAuthor: "Vaše jméno (pro meta author tag)", metaDescription: "Popis stránky (pro meta description tag)", useHighlightJS: true}) %>
<%- include("../../includes/header.ejs", {pathToRootFolder: "../../", activeLink: "dalsi-tutorialy"}) %>
<%- include("../../includes/other-tutorial-page-layout-start.ejs", {pathToOtherTutorialsFolder: "../", activeLink: "aktivni-link-v-navigaci"}) %>
<h1 class="heading-primary u-mb-2">Nadpis</h1>
<p class="article-author u-mb-4"><span class="article-author__label">Autor:</span> <a rel="author" href="odkaz na váš web, linkedIn nebo něco jiného" target="_blank" class="link">Vaše jméno</a></p>
<%- include("../../includes/other-tutorial-page-layout-end.ejs") %>
<%- include("../../includes/footer.ejs") %>
<%- include("../../includes/page-end.ejs") %>Po vytvoření stránky ji také přidejte do navigace v souboru other-tutorial-page-layout-start.ejs ve složce pages/includes.
Pokud chcete na článku pracovat a prohlížet si jej v prohlížeči, tak si můžete projekt spustit pro vývoj pomocí příkazu "npm run dev". V prohlížeči by se vám měl web automaticky otevřít. Pokud ne, tak bude k dispozici zde: http://localhost:3000/. Před spuštěním tohoto příkazu je ale ještě samozřejmě potřeba nainstalovat NPM balíčky, specifikované v souboru package.json pomocí příkazu "npm install". Pokud nemáte nainstalovaný Node.js, tak vám to nepůjde. Museli byste si jej nainstalovat. Na závěr bych chtěl jen upozornit na to, že když do projektu přidáte novou stránku, budete si web muset zastavit a spustit pro vývoj znova (znovu spustit příkaz "npm run dev").