cześć,
w ramach nauki stworzyłem swoją pierwszą aplikację w React:
https://cssgenerator.pl/
https://github.com/marekfoltanski/cssgenerator

domyślam się, że jest tam dużo baboli dlatego wrzucam gdzie się da żeby zebrać konstruktywną krytykę od bardziej doświadczonych fachowców. Nie wiem czy tutaj się tak robi, bo nie korzystałem wcześniej z wykopu :p w każdym razie puszczam info w świat

#javascript #css #react #css3 #webdesign
Mirki mam pytanie mianowicie postanowiłem się uczyć po zapoznaniu się z Laravelem (PHP już dawno ogarniałem) jakiegoś frameworka #javascript i postawiłem na #vuejs. Tylko nie ogarniam do końca koncepcji komponentów jeśli chodzi o frontend - tzn próbuję to zrozumieć ale czy dobrze myślę? Chciałbym kiedyś to robić komercyjnie a jeśli się nauczę od początku tego jak się należy nie będę się musiał przerzucać. Na zdjęciu jest tak jak ja to rozumiem.
Pobierz lukasX2002 - Mirki mam pytanie mianowicie postanowiłem się uczyć po zapoznaniu się z ...
źródło: comment_1619605285zAc3PbqEEN8DKrBeKIyTeb.jpg
#javascript #programowanie

Czy praktykuje się przypisanie od razu w konstruktorze funkcji do wartości ?
Jeśli "TAK" to, czy kolejność wykonywania funkcji jest zdeterminowana umiejscowieniem w obiekcie, bo
"obliczTyp" jest zależny od "obliczWagi" - nie boje się sytuacji gdzie "obliczTyp" wykonałby się przed "obliczWagi"

var Modul = function () {
this.waga = obliczWagi(),
this.type = obliczTyp()
};

Modul.prototype.obliczWagi = function () {}
Modul.prototype.obliczTyp = function () {}
Zapraszamy na krótki przegląd ofert z kategorii #javascript i okolic, dla chętnych na przeprowadzkę do #szwajcaria lub #niemcy ( ͡º ͜ʖ͡º)

(SwissDevJobs.ch | LinkedIn | Twitter | Facebook)
(GermanTechJobs.de | LinkedIn | Twitter | Facebook)

Tag do obserwowania / czarnolistowania: #swissdevjobs

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Frontend Developer (Angular) | Yova AG [Zürich] [70’000 - 100’000 CHF] [Regular] [Full-Time] [English] [Remote]
https://swissdevjobs.ch/jobs/Yova-AG-Frontend-Developer-Angular

Web Application Developer (m/f/d) |
Pobierz SwissDevJobs - Zapraszamy na krótki przegląd ofert z kategorii #javascript i okolic, ...
źródło: comment_16196024121Qv4tkcWFsJQIMFlYxlglP.jpg
#mstarzecnews #webdev #programowanie #nodejs #javascript #go #rustlang #it #bash #aws #apple #windows #elektronika

JS/Web:
Inny sposób pisania aplikacji w js - taki bardziej graficzny ;) - https://natto.dev/
New-generation build tools - Porównanie eslint, snowpack, vite i wmr - https://css-tricks.com/comparing-the-new-generation-of-build-tools/
Z jakich tooli skorzystać gdy tworzymy nowy projekt w Typescript - https://www.metachris.com/2021/04/starting-a-typescript-project-in-2021/

Golang:
Tool do testów z ładnym UI - https://github.com/smartystreets/goconvey

Rust:
Jak przyspieszyć czas kompilowania o 70% na Mac'u?
@sredni_szu: Właśnie testowałem na Ubuntu 20.04.2 LTS i działa bez zarzutu sudo timedatectl set-ntp false (wersja systemd 245 - z marca 2020). Nie działa od razu jak i nie wstaje po restarcie.
@Hauleth: No ja to miałem na nie całkiem nowym systemie wbudowanym, którego nie byłem producentem (aplikacja olewała strefy czasowe i miała własny system synchronizacji czasu, więc po podłączeniu do internetu całość wariowała).
Przy czym sama opcja, z tego co pamiętam, też pozostawała ustawiona, ale po prostu usługa i tak aktualizowała czas. Pomogło chyba dopiero zamaskowanie jej w cholerę czyli symlink do /dev/null.
Jak zamienić obrazek blob na array buffer?
Ciągle dostaje błąd, że arrayBuffer nie jest funkcją..
Już chyba wszystko przejrzałem w sieci na ten temat i nadal nie wiem co jest.
Proszę o pomoc.


const [image, setImage] = useState(null);

const handleChange = (e) => {
setImage(URL.createObjectURL(e.target.files[0]));
console.log(URL.createObjectURL(e.target.files[0])); //blob: local file
};

![]({image}) {/* ładnie wyświetla obrazek */}

let buffer = await image.arrayBuffer();
// Unhandled Rejection (TypeError): image.arrayBuffer is not a function

#programowanie #
Dzisiaj jest ostatni dzień, by zapisać się na nieodpłatny kurs CS50 HarvardX. W programie:

HTML, CSS
Git
Python
Django
SQL, Models, and Migrations
JavaScript
User Interfaces
Testing, CI/CD
Scalability and Security

Zapisy: https://polishwords.com.pl/go/-43l

#dlaprogramistow #programowanie #naukaprogramowania #programujzwykopem #javascript #git #html #css #python #django #userexperience

Jak nie chcesz przegapiać takich okazji, zapisz się na newsletter: https://polishwords.com.pl/blog/newsletter-dla-programistow/
Pobierz tomaszs - Dzisiaj jest ostatni dzień, by zapisać się na nieodpłatny kurs CS50 Harvard...
źródło: comment_161945500956DAXyhKCNkrYe34UXvMh9.jpg
@MasterOf8 Kumam, czyli wiesz lepiej czego chce klient, którego ja znam a ty nie xD On szuka dodatkowej osoby do zespołu a nie one man army


co innego wynika z pierwszego wpisu OPie, jak to ma być ktoś do pomocy to chyba git stawka na jakiś entry-level
Jak zrobić w React, że po wciśnięciu klawisza Escape zostanie zmieniona wartość w state "confirm" na "true", a ponowne wciśnięcie Escape uruchomi skrypt secPress()?

const [confirm, setConfirm] = useState(false);

const _confirm = () => {
if (confirm) {
secPress();
} else {
setConfirm(true);
}
console.log(confirm); // <-- zwraca zawsze false
};

useKeypress("Escape", () => {
_confirm();
console.log("test"); // <-- zwraca "test"
});

Źródło useKeypress Hook na Gist

#programowanie #javascript #react
@aptitude: tak naprawde wszystko w kodzie jest ok tylko tyle ze setState działa lekko inaczej niż sobie wyobrażasz.
Gdy wykonuje sie setConfirm(true) to zmienna confirm nie uzyska natychmiast nowej wartości, a dopiero wtedy gdy ponownie zostanie odpalony hook useState (tylko tam w Twoim kodzie jest bezposrednie przypisanie do zmiennej confirm i to jest poprawne podejscie). A z kolei hook zostanie odpalony dopiero w kolejnej rundzie rerenderowania komponentu.
Zrob sobie console.log(confirm) zaraz
@aptitude: No i to ci dałem w pierwszym przykładzie na https://pastebin.com/TqFLWfSF

export function useKeypress(key, action) {
useEffect(() => {
function onKeyup(e) {
if (e.key === key) action();
}
window.addEventListener("keyup", onKeyup);
return () => window.removeEventListener("keyup", onKeyup);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [action]);
}

const _confirm = useCallback(() => {
setConfirm((prev) => !prev);
console.log(confirm);
}, [confirm]);

zobacz co jest w effect i usecallback jako dependencja :)
Jak pobrać drugi element z objectu po wartości?

Znam wartość "pepsi" i znam imię "ala", jak pobrać imię "ola"?

Jak coś to zawsze są tylko da takie same wartości, jak pepsi czy cola,
można by było odfiltrować wszystkie pepsi i pobrać imię ola po ala, ale jak to zrobić?

{
'ala': 'pepsi',
'ola': 'pepsi',
'alice': 'cola',
'bob': 'cola'
}

#programowanie #javascript
◢ #unknownews

Nowe zestawienie jest już gotowe - zapraszam do lektury :)


1) Czy programiści często kopiują kod ze StackOverflow? Ojjj tak! Teraz wiemy już jak często
https://stackoverflow.blog/2021/04/19/how-often-do-people-actually-copy-and-paste-from-stack-overflow-now-we-know/
INFO: właściciele serwisu postanowili wdrożyć kod zliczający kopiowanie tekstu. Śledzili, kto kopiuje, co kopiuje i jak często. Okazuje się, że ludzie nie zawsze kopiują poprawne (najwyżej oceniane) rozwiązania, a po programowanie metodą copiego-pasta przychodzi 25% odwiedzających.

2) FigJam - interaktywna tablica do prowadzenia
Pobierz imlmpe - ◢ #unknownews ◣

 Nowe zestawienie jest już gotowe - zapraszam do lektury :...
źródło: comment_1619176099oMvQfZldr4PJuXNl0NyLOE.jpg
4) Jak wyglądałoby łamanie Enigmy w 2021 roku? (film, 21 minut)

https://www.youtube.com/watch?v=RzWB5jL5RX0

INFO: pierwsza część filmu przedstawia (dość dogłębnie) zasadę działania algorytmu Enigmy. Dalej mamy metodykę łamania. Ciekawie wyjaśnione.


@imlmpe: A propo przełomowych technologii przeszłości - czy postowałeś już filmik o komputerze pokładowym misji Apollo? Prezentacja trwa ok. godzinę ale jest niesamowicie wciągająca, fantastyczne wyjaśnienie działania systemu i interakcji z załogą.
Jak pobrać losowy object z array który zawiera daną wartość?

Np. pobranie losowego objectu który "napoj" ma wartość "cola".

[
{napoj: "cola", imie: "ala"}
{napoj: "cola", imie: "ola"}
{napoj: "pepsi", imie: "su"}
{napoj: "cola", imie: "mia"}
{napoj: "pepsi", imie: "alo"}
]

#javascript #programowanie
Mirki, potrzebuję pomocy w wyborze technologii okołowebowej. Otóż jest sobie pewien proces dziejący się w backendzie. Jest też do tego procesu wizualizacja potrzebna tylko deweloperom: prosty HTML + JavaScript, tenże JS dostaje raz na sekundę JSONa z aktualnym stanem procesu i wizualizuje to przestawiając i kolorując y na stronie. Proste. Ale ta wizualizacja jest trochę nieczytelna - zdecydowanie brakuje jej trzeciego wymiaru. Chciałbym zatem dodać ten trzeci wymiar zmieniając możliwie niewiele w
Czołem Mirki obeznani w #programowanie.

Znacie może jakieś fajne strony/apki/sposoby gdzie można poćwiczyć programowanie? Bardzo spodobała mi się strona edabit ale wersja pro jest trochę za droga. Z kolei zadania code Wars są trochę za trudne dla mnie. W3schools jest w porządku ale bardziej jako podręcznik. Mam wykupiony kurs na udemy i chciałbym trochę ugruntować wiedzę a nie mam kilku godzin w ciągu dnia, aby rozgryzać całe tutoriale na YouTube (no
ktora ksiazke wybrac?
https://helion.pl/ksiazki/javascript-przewodnik-poznaj-jezyk-mistrzow-programowania-wydanie-vii-david-flanagan,jsppm7.htm#format/d

https://helion.pl/ksiazki/javascript-i-jquery-interaktywne-strony-www-dla-kazdego-podrecznik-front-end-developera-jon-duckett,jsqwdv.htm#format/d

po samym spisie tresci druga wydaje sie bardziej pomocna + przyjazniej napisana dla laika, natomiast pierwsza ma zdecydowanie wiecej zawartosci(ilosc stron podobna, ale w drugiej pelno roznych schematow, a tu same bloki tekstu na kazdej stronie prawie XD).

#webdev #javascript #programowanie #programista15k #studbaza #pracbaza #informatyka #helion #ksiazki