Témata

1

Vývoj / React - změna velikosti canvasu podle velikosti okna

« kdy: 06. 12. 2022, 20:32:38 »

Ahoj,

skoro se stydím dát takovou otázku sem, ale Stackoverflow ani Reddit nepomohly.
V Reactu vytvářím webovou aplikaci, která by měla mít následující layout:

• Top bar s ovládacími prvky - výška daná velikostí obsahu
• Side bar s ovládacími prvky - šířka daná velikostí obsahu
• Canvas - zabírá zbytek volného místa na stránce, vykreslují se na něj nějaká data

Aplikace by měla vždy přesně vyplnit výšku i šířku okna prohlížeče - to jde snadno udělat pomocí dvou flex boxů, problém ale nastáva u canvasu, u kterého je nutné nastavit explicitně šířku a výšku, jinak je obsah úplně rozmazaný. Co jsem se dočetl, je to normální a rozlišení se opravdu musí vždy nastavit.
Rozlišení nastavuji takto (proměnná canvas je reference na canvas prvek):

Kód: [Vybrat]

canvas.width = canvas.offsetWidth;
canvas.height = canvas.offsetHeight;

To dělám pří prvním vykreslení pomocí effect hooku pokaždé když se změní velikost okna pomocí event listeneru.

Když to ale udělám, canvas se přestane přizpůsobovat velikosti okna prohlížeče, přesněji na zvětšení výšky okna reaguje správně, na zvětšení šířky tak napůl a při zmenšení okna se neděje vůbec nic.

Netušíte někdo, jak z toho ven? Na https://codesandbox.io/s/toggle-example-forked-vpu6ke?file=/canvas.js jsem dal jednoduchý příklad - jen pro ilustraci, co nefunguje.

2

Studium a uplatnění / Skoro Ing. - přechod na webařinu?

« kdy: 29. 11. 2022, 12:49:24 »

Ahoj,

pristi rok me cekaji statnice na CVUT. Cele studium me to tahlo k mikrokontrolerum, takze vsechny projekty, bakalarka i prace pri studiu se tocili kolem embedded programovani. Od zari pracuji na diplomce, zhruba pulka prace je tvorba firmware pro merici zarizeni a pulka programovani weboveho rozhrani pro ovladani a vizualizaci dat. Moje predchozi zkusenosti s webarinou byli na urovni roku 2006 - PHP, MySQL, ciste HTML/JS/CSS + jQuery - moje vzpominky na tento stack nejsou zrovna pozitivni. Pro diplomku jsem se ale kvuli docela komplexnimu UI rozhodl naucit soucasne frontendove technologie. Vybral jsem si React, TypeScript a Tailwind. Po par tydnech, az jsem se zacal szivat s novym stackem to zacalo byt jine kafe oproti predchozim pokusum. Zacalo me to opravdu bavit, minimalne stejne jako programovani jednocipu v Cecku. Tomu bych jeste pred pul rokem neuveril...

Zacal jsem opatrne premyslet, ze bych pivotoval od firmwaru smerem k webu. Pri projizdeni pracovnich portalu si vsimam, ze webarina ma asi spoustu vyhod. Radove vice pracovnich nabidek, obecne vyssi platy, moznost WFH, remote, prace na ICO - vsechno veci, ktere se s blizicim se datem nastupu na full time zdaji stale dulezitejsi.

Ted snad konecne k otazce. Jako Ceckar bych po skole nemel problem se uchytit, mam nejake projekty, part-time praxi, zkratka alespon par veci do zivotopisu. Navic v tomto oboru hodne firem slysi na tri pismena pred jmenem z CVUT. S webarinou ale nemam zadne pracovni zkusenosti, na pohovoru bych mohl ukazat jen diplomku, navic na tituly se tam (opravnene) moc nehraje. Myslite, ze na me nekde budou bez zkusenosti zvedavi? Mam v planu do statnic jeste zbastlit neco i s Node.js, databazi, REST API a mozna s necim dalsim, vic toho ale nestihnu - mam plne ruce prace s diplomkou a jeste musim dohanet Erasmus.

Moc diky za vase nazory.