Jest jakiś sposób w #webdev #programowanie #html #css #js na no właśnie:
Mam przycisk z animacją po najechaniu i nad tym przyciskiem diva, który jest umieszczony dokładnie w tym samym miejscu co przycisk.
A pod diva mam podpiętą funkcję, która się uruchamia po kliknięciu.
Teraz chciałbym, aby ten div był zupełnie niewidoczny, ale się uruchamiał po kliknięciu na div, przycisk.
I nie, nie mogę podpiąć tej funkcji z diva pod przycisk, bo
Nie chce ktoś uczący się frontu dorobić sobie kilku groszy?

W skrócie: chcę dać taki interaktywny manual ludziom w pracy co leży w jakich folderach.
Coś jak tutaj: https://www.joshwcomeau.com/react/file-structure/
tylko to ma nie być File Explorer, tylko chcę całą treść i strukturę wpisywać w palca [mogę w plik html/js]
Po lewej rozwijana struktura, a jak się kliknie na folder lub "plik" to po prawej info o tym

#html #javascript #js #programowanie #
loczyn - Nie chce ktoś uczący się frontu dorobić sobie kilku groszy?

W skrócie: chcę...

źródło: struktura

Pobierz
Krótkie przypomnienie...

To już dzisiaj.
Równo o 20:00.

Darmowe Szkolenie Online:
Blazor .NET 8 – Rewolucja dla Programistów C#

Zostań FullStack Developerem bez wychodzenia z C# -
Naucz się Tworzyć aplikacje webowe bez JavaScript!

Pokaże Ci:
Czym jest Blazor?
Jakie są jego największe zalety?
Dlaczego jest idealnym wyborem dla Programistów C#/.NET?
Dlaczego Blazor to Game Changer?
Będzie bardzo praktycznie.
Stworzymy 2 aplikacje w Blazorze.
Dla każdego uczestnika MEGA niespodzianka.

Zarezerwuj swoje miejsce:
kazik- - Krótkie przypomnienie...

To już dzisiaj.
Równo o 20:00.

Darmowe Szkolenie ...

źródło: blazor-szkolenie-pn

Pobierz
Już w najbliższy poniedziałek (o 20:00), odbędzie się darmowe szkolenie online, na którym przedstawię Ci niemałą rewolucję dla Programistów C# - to znaczy nowości związane z Blazorem w .NET 8.

Zostały poprawione wszystkie wady Blazora i staje się on teraz mega dobrym frameworkiem w szczególności dla Programistów C# (chociaż nie tylko).

Agenda spotkania:
✅ Wprowadzenie do Blazora i .NET 8.
✅ Prostota Blazora.
✅ Pierwsza Aplikacja Blazor.
✅ Okno Modalne w Blazorze.
kazik- - Już w najbliższy poniedziałek (o 20:00), odbędzie się darmowe szkolenie onli...

źródło: blazor-szkolenie-free

Pobierz
@Rufurege1: ja ogarnąłem, ale ile urw poleciało w kierunku niedorobionego server actions... jeszcze dzisiaj rano kombinowałem z jakimś workaroundem wygrzebanym z "issues".
JAKIM CUDEM TO NIE DZIAŁA - przy kliknieciu w przycisk submit ajax w JS nie zostaje wysołany (to jest partial view, JS jest dodany w głównym widoku)

@model TaskManager.Application.Project.Command.DeleteProject.DeleteProjectCommand

<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteprojectmodal">
Delete Project
</button>

<div class="modal fade" id="deleteProjectModal" tabindex="-1" aria-labelledby="deleteProjectModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form asp-action="Delete">

<div class="modal-header">
<h5 class="modal-title" id="deleteProjectModalLabel">Delete Project</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>

<input asp-for="EncodedName" class="form-control"
@iluvmypickle: W kodzie, który dostarczyłeś, wygląda na to, że masz małą literówkę w atrybucie data-bs-target w elemencie button. Nazwa identyfikatora modalu deleteProjectModal powinna być napisana zgodnie ze stylem camelCase, jednak masz zapisaną jako deleteprojectmodal. Poniżej jest poprawiony fragment kodu:

html
Copy code
<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteprojectmodal">
Delete Project
</button>
Zmiana polega na tym, że nazwa identyfikatora modalu (#deleteprojectmodal) musi dokładnie pasować do tego, co jest określone w
⛔ Zostań Programistą C#/.NET - Dzisiaj Zamykamy Zapisy

Jeżeli interesuje Cię:
✅ Nauka programowania (wszystko masz podane na tacy, od A do Z).
✅ Zawód programisty.
✅ Wsparcie eksperta.
✅ Praca zdalna.
✅ Praca z dowolnego miejsca na ziemi.
✅ Elastyczne godziny pracy.
✅ Wysokie zarobki.
✅ Mnóstwo ofert pracy.
✅ Pisanie własnych aplikacji.
✅ Freelancing.
✅ Pomoc mentora.
✅ Droga startując od zera do młodszego programisty C#/.NET.

to jest to najlepsze
kazik- - ⛔ Zostań Programistą C#/.NET - Dzisiaj Zamykamy Zapisy

Jeżeli interesuje Ci...

źródło: zp-2023-zamykamy

Pobierz
Odziedziczyłem aplikację legacy (MPA) w pehapie (jakieś antyczne symfony). Na niektórych jej podstronach potrzebuję stworzyć mini aplikacje w JS. Wiem, że mogę to ogarnąć bez kompilacji, podpiąć skrypt vue/vendor i klepać vanilla js, ale w dłuższej perspektywie to ma więcej wad niż zalet, bo nie daje dostępu do nowoczesnych narzędzi (zwłaszcza TS).

Robić jedną aplikację, łączyć to z każą ze stron i jakoś na podstawie zmiennych modyfikować co wyświetla, czy da się
ujdzie - Odziedziczyłem aplikację legacy (MPA) w pehapie (jakieś antyczne symfony). N...

źródło: obraz_2023-08-11_160357798

Pobierz
@ujdzie: Oczywiście, rozumiem Twoje obawy i potrzeby. Wydaje się, że masz kilka opcji, zależnie od skomplikowania Twojego projektu i wymagań.

1. Jedna Duża Aplikacja JS: Możesz stworzyć jedną dużą aplikację (np. w Vue.js lub React), która będzie obsługiwała różne części Twojego systemu. Za pomocą routingu i dynamicznego importowania możesz kontrolować, co jest ładowane na różnych stronach. To pozwoli Ci na utrzymanie spójności i wykorzystanie wspólnych komponentów.

2. Wielokrotne Małe Aplikacje
Hej! :) Jeżeli na 1 stronie serwisu mam buttona do logowania się via auth0 to jak odnieść się do zdefiniowanego obiektu przy wylogowaniu na innej stronie? Obie strony nie mają odwołania do wspólnego pliku JS.

Logowanie:

var webAuth = new auth0.WebAuth({
domain: 'xyz.eu.auth0.com/',
clientID: 'XYZXYZXYZXYZ',
scope: 'openid profile roles email',
responseType: 'token id_token',
redirectUri: 'domain.com'
});

Wylogowanie:

webAuth.logout({
returnTo: 'domain.com/login.php',
clientID: 'XYZXYZXYZXYZ'
});

Funkcja wylogowania musi korzystać z utworzonego wcześniej obiektu webAuth
18+

Zawiera treści 18+

Ta treść została oznaczona jako materiał kontrowersyjny lub dla dorosłych.

#javascript #frontend #js #programowanie

Hej
jestem QA ale chce pomoc znajomej, ktora chce sie uczyc JS (react)
odradzam jej szkolenia platne ale uparla sie, ze moze zaplacic i chce cos wybrac
macie jakies opinie o youcode.pl? nie moge nic w necie znalezc; moglby ktos przejrzec ich program i powiedziec, czy mozna to zwyczjanie przerobic samemu na jakims udemy?

Najpierw html, CSS, później czysty JavaScript, a dopiero później frameworki. Jeśli popełni ten błąd to gwarantuję, że nie znajdzie pracy nawet przez dwa lata od rozpoczęcia nauki.

Osobiście polecam albo kursy freecodecamp, które są dostępne nawet na YouTube, lub - bardziej zorganizowane - kursy udemy. Najlepiej wybierać według najlepszych ocen + długość materiału. Zwrócić uwagę czy prowadzący mówi wyraźnie i czy nam odpowiada (kilka filmów w każdym kursie jest darmowych)
NAJLEPSZE PRAKTYKI W HTML i CSS

Jeżeli chcesz zostać programistą i tworzyć strony internetowe, to zdecydowanie warto trzymać się zawsze wszystkich najlepszych praktyk. Dzięki temu Twój kod będzie czytelny i przede wszystkim łatwo rozszerzalny, a co za tym idzie, ułatwi to pracę Tobie oraz innym programistom, którzy będą również rozwijać Twój kod. W tym odcinku przedstawię Ci 13 najlepszych praktyk tworzenia stron internetowych w HTML i CSS, dzięki którym Twoje strony będą
kazik- - NAJLEPSZE PRAKTYKI W HTML i CSS

Jeżeli chcesz zostać programistą i tworzyć ...

źródło: yt-158-najlepsze-praktyki

Pobierz
widzę wielki informatyk nadal nie wie jak założyć własny tag na portalu ze śmiesznymi obrazkami i nadal spamuje pierdyliardem tagów by zdobyć odrobinę atencji do swojego gunwo "kursiku" ( ͡° ͜ʖ ͡°)


@NiBBonacci: nie no, ale ty wymagasz refleksji od osoby, która dzień w dzień nagrywa te same gówniane filmiki od kilku lat, mimo ze nikt tego nie ogląda xD
@rimyi: nie używam vscode, ale sprawdziłem. Jedyne co widzę to uzupełnienie nazw parametrów i return, czyli to samo co webstorm.

W idealnych warunkach bym to widział tak, że z automatu dodaje typy z TS, dorzuca @throws, etc, do tego stworzy opis tego co się mniej więcej dzieje w funkcji, nie tylko bazując na samej nazwie.
#react #js #ts #programowanie #programista15k Chcę przekazać tablicę stringów (colorow w hex) do css(sass scss), z tej tablicy na froncie zrobic dla elementu data-attribute="element-z tablicy" a potem w scss dla kazdego elementu zrobic selektor i dynamicznie ustawic [data-attribute=wartoscztablicy] { background-color: $wartoscztablicy}, pomoże ktoś jak to zrobić?