@PackInSoft: Witam wszystkich #programista15k. ( ͡°͜ʖ͡°) Śledzę tag od dawna, natomiast nigdy nie miałem potrzeby zakładać konta na wykopie ( ͡°( ͡°͜ʖ ( ͡°͜ʖ͡°) ʖ͡°) ͡°). Napisałem swój pierwszy projekt (kalkulator BMI) i chciałbym prosić kogoś o code review/wytknięcie błędów, które na pewno się pojawiły w moim programie. Dodam, że liznąłem już podstawy kilku innych języków (Python, C++, Java), ale dopiero teraz uczę się bardziej wyspecjalizowanej ścieżki Web developera (HTML/CSS/JS). Nie wiem jeszcze czy chce iść we Front, czy BackEnd, natomiast bardzo cieszy mnie fakt, że efekty mojej pracy są szybko zauważane (od strony wizualnej głównie) w porównaniu z resztą języków.
@PackInSoft wytykanie błędów przy tak tycim projekcie raczej nie ma sensu. Zrób coś większego gdzie organizowanie kodu i optymalizacje mają większy sens.
@Smonk_Da_Wead: W sumie, żeby napisać coś większego to wydaje mi się, że potrzebuje już jakiegoś frameworka (chyba że mam cisnąc dalej VanillaJS). Załóżmy, że poszedłbym w backend to, od czego zacząć naukę? Next.js Express.js Node.js? Bo we FrontEnd sprawa jest raczej prosta, tylko React. ( ͡°͜ʖ͡°)
@PackInSoft może być coś większego w vanillajs. Może powiem tak... wymyśl sobie jakiś projekt np. takie okienko jak w mcdonalds gdzie ludzie składają zamówienia, pracownicy odbierają zamówienia i wyświetla się numerek i następnie wybierz sobie taki framework gdzie najłatwiej będzie Ci zrealizować to zadanie. Na backend może być nawet laravel w php.
@Smonk_Da_Wead: O dzięki za pomysł, postaram się to zrobić albo w czystym JS, albo dobiorę taki Framework, którego nauka przyda mi się w zdobyciu przyszłej pracy ;)
@Smonk_Da_Wead: Spoko, dokumentować wewnątrz kodu który pisze (bo dotychczas tylko tak robiłem), czy może stworzyć osobny plik/użyć zewnętrznego narzędzia do tego?
@PackInSoft: imho najlepszym sposobem nauki jest rozwijanie już napisanego kodu w ten sposób sam poczujesz gdzie design jest zły i zobaczysz dlaczego.
W tym BMI masz jedną funkcję calc w której dzieje się cała magia. Odczytujesz input, validujesz go, obliczasz bmi, zamieniasz bmi na ludzką wartość (obese vs overweight) a na koniec jeszcze modyfikujesz DOM. Wszystko w jednym miejscu. Rozwiń appkę i dodaj: - wsparcie dla userów z USA gdzie korzystają
@PackInSoft: Odnosisz się pod konkretne elementy w tablicy za pomocą z palca wpisanych indeksów. Tak się nie robi bo nigdy nie wiadomo co jest czym, mała zmiana kolejnosci w UI i leżysz
@zenek1998 Dzieki za tak obszerna odpowiedz. Własnie tak zacząłem ta appke. Zobaczyłem kilka przykładów na githubie. Napisałem swoja wersje, po czym zacząłem dodawać rzeczy których tam nie widziałem: jak na przykład suwak, potem chciałem żeby zarówno input suwaka jak i wpisywanej wartości był synchronizowany itd. Spróbuję rozwinąć appke bardziej, tak jak napisałeś.
@uzytkownik_wykop_pl Dzięki że to zauważyłeś, bo miałem z tym duży problem. Jak próbowałem każdemu inputowi dać oddzielna zmienną i potem
@PackInSoft Już lepiej. Można się jeszcze zastanowić czy nie lepiej się do nich odnosić poprzez pole name lub id które muszą być unikalne w DOM. Klasa może być użyta wiele razy
Śledzę tag od dawna, natomiast nigdy nie miałem potrzeby zakładać konta na wykopie ( ͡°( ͡° ͜ʖ ( ͡° ͜ʖ ͡°) ʖ ͡°) ͡°).
Napisałem swój pierwszy projekt (kalkulator BMI) i chciałbym prosić kogoś o code review/wytknięcie błędów, które na pewno się pojawiły w moim programie. Dodam, że liznąłem już podstawy kilku innych języków (Python, C++, Java), ale dopiero teraz uczę się bardziej wyspecjalizowanej ścieżki Web developera (HTML/CSS/JS). Nie wiem jeszcze czy chce iść we Front, czy BackEnd, natomiast bardzo cieszy mnie fakt, że efekty mojej pracy są szybko zauważane (od strony wizualnej głównie) w porównaniu z resztą języków.
Link do projektu na GitHubie: https://github.com/PackInSoft/BMI-Calculator
oraz screen z działającego kalkulatora.
#programowanie
źródło: comment_16650551826qY41pc0vTy8bno3sx6Yew.jpg
Pobierz@FedoraTyrone: nie chyba, tylko na pewno ;p
szkoda tracic czasu na vanille, i tak ci sie to nie przyda (manipulacja domem, a nie znajomosc jsa), od razu ucz sie reacta i tsa
W tym BMI masz jedną funkcję calc w której dzieje się cała magia. Odczytujesz input, validujesz go, obliczasz bmi, zamieniasz bmi na ludzką wartość (obese vs overweight) a na koniec jeszcze modyfikujesz DOM. Wszystko w jednym miejscu. Rozwiń appkę i dodaj:
- wsparcie dla userów z USA gdzie korzystają
@uzytkownik_wykop_pl Dzięki że to zauważyłeś, bo miałem z tym duży problem. Jak próbowałem każdemu inputowi dać oddzielna zmienną i potem