Bandau pramokti JAVA

Nutariau truputį pramokti programavimo, nes kartais prireikia smulkių korekcijų savo projektuose, tai norėtusi smulkmenas pramokti pačiam pasikoreguoti. Vakar pradėjau nuo įvadinio HTML ir CSS online kurso - https://www.udemy.com/share/101ru4AEoadllTRHo=/ Jau seniai jį buvau išsisaugojęs, bet tik dabar prisėdau išbandyti. Ir nuo kurso vidurio iškyla vienas kitas klausimas. Ir galvoju, gal uždarbyje esantys nariai kartais pagelbėtų su atsakymais.

Pirmas iškilęs klausimas:

Yra DIV

<div id="picture-css">

   </div>

Ir CSS eilutė

#picture-css {
width: 500px;
height: 500px;
margin: 0 auto;
background-image: url(../images/image1.jpg);
}

Online kurse width ir height nurodo pagal realius paveikslėlio išmatavimus. Bet aš suvedžiau random dydį, ir aišku tą img apkarpo. Pagal šitą css eilutę, kaip reikia nurodyti, kad paveikslėlį atvaizduotų 500px pločio, ir auto aukštis? Ar man reikia pirma aprašyti DIV dydį?

Pradejau JAVA kursus, tai apie HTML, CSS ir JS kol kas nediskutuosiu.

O tai

width: 500px; 
height: auto;

neveikia?

O tai

width: 500px; 
height: auto;

neveikia?

Tuomet išvis nerodo img. jei vietoje height: auto; irasau.

O jei nurodau auksti, tada rodo apkirpta:

Nes tu kuri divą, kuris yra blokas ir jo viduje tu nieko nenurodai, bet padarai kad paveikslėlis būtų jo backgroundas. Jei nori paveikslėlio darai:

<img src="nuoroda/i/paveiksleli.jpg" style="width:500px" />

height:auto; neveikia, nes pas tave yra tuščias div'as. tuščio div'o auto height yra 0.

jei tu nori img įdėt kaip BACKGROUNDĄ (backgroundas nėra div'o contentas), tada turėsi nurodyti, kokio aukščio tas tavo div'as yra. kitu atveju, paveiklėlį dedi į vidų, kaip elementą, ir height veiks normaliai

<div class="picture-css">
 <img src="http://placekitten.com/200/1000"/>
</div>

.picture-css {
 width:200px;
}
.picture-css img {
 width:100%;
 max-width:100%;
 height:auto;
}

kitas variantas, jeigu reikia naudoti background-image (o jį naudoti tikrai reikia ne visuomet), ir turėsi kažkokio contento div'o viduje (na, arba užsettinsi aukštį divo statiškai, ko irgi nerekomenduočiau daryt), tada gali naudot css background-size atributą, kombinuojant kartu su background-position, background-attachment, background-repeat ir pan. atributais :) tarkim kažkaip taip:

<div class="picture-css"></div>

.picture-css {
 width:400px;
 height:400px;
 background-image: url(http://placekitten.com/300/600);
 background-size: contain;
 background-position: center center;
 background-repeat: no-repeat;
}

height:auto; neveikia, nes pas tave yra tuščias div'as. tuščio div'o auto height yra 0.

jei tu nori img įdėt kaip BACKGROUNDĄ (backgroundas nėra div'o contentas), tada turėsi nurodyti, kokio aukščio tas tavo div'as yra. kitu atveju, paveiklėlį dedi į vidų, kaip elementą, ir height veiks normaliai

 

<div class="picture-css">
 <img src="http://placekitten.com/200/1000"/>
</div>

.picture-css {
 width:200px;
}
.picture-css img {
 width:100%;
 max-width:100%;
 height:auto;
}

 

kitas variantas, jeigu reikia naudoti background-image (o jį naudoti tikrai reikia ne visuomet), ir turėsi kažkokio contento div'o viduje (na, arba užsettinsi aukštį divo statiškai, ko irgi nerekomenduočiau daryt), tada gali naudot css background-size atributą, kombinuojant kartu su background-position, background-attachment, background-repeat ir pan. atributais :) tarkim kažkaip taip:

 

<div class="picture-css"></div>

.picture-css {
 width:400px;
 height:400px;
 background-image: url(http://placekitten.com/300/600);
 background-size: contain;
 background-position: center center;
 background-repeat: no-repeat;
}

Matau visur naudoji class vietoj ID, kiek skaiciau tai class naudojamas kai nori aprasyti daugiau besikartojanciu elementu, o konkretus ID tarsi skirtas tik vienam nesikartojanciam elementui aprasyti. Bet kiek matau tame kurse, tai kiekviena karta kuria vis nauja ID. H1 turi savo id, p turi kita id, div irgi su id. Pagal praktika, kaip daznai naudojamas ID ir Class? Nes pagal šitą straipsnį lyg ir class reiktų dažniau naudoti nei ID https://css-tricks.com/the-difference-between-id-and-class/

niekur nenaudok id, nebent kažkoks elementas į kurį reikia nukreipti (a#id), arba ant kurio reikia kažkokį js funkcionalumą užkabint unikalų (bet ir tai galima su klasėm padaryt)

permečiau akim, css-tricks teisingai viskas aprašyta

niekur nenaudok id, nebent kažkoks elementas į kurį reikia nukreipti (a#id), arba ant kurio reikia kažkokį js funkcionalumą užkabint unikalų (bet ir tai galima su klasėm padaryt)

 

permečiau akim, css-tricks teisingai viskas aprašyta

Dėkui, bandau toliau mokytis.

Online kurse matau, kaip kiekvienam naujame puslapyje <body> tagui suteikia atskira ID. Tarkim aš naudočiau class vietoje ID - <body class="contact-page">, <body class="about-us"> ir pan. Ar tai populiari praktika? Nes realiai, taip paprastai gali targetinti visus elementus konkrečiame page, be papildomų class, jei pasikartojantys elementai neturi skirtingų dizaino.

Ir dar. Yra du kodai:

.contact input {
   width: 100%;
   border-radius: 5px;
   height: 20px;
   background-color: lightgray;
}

ir

.contact .form input {
   width: 100%;
   border-radius: 5px;
   height: 20px;
   background-color: lightgray;
}

Jie abu veikia. Tik antras labiau konkretus, o pirmas nenurodo konkretaus div, tad realiai apsirašytų visi inputai tame page. Bet jei nėra dagiau kitų input, ar verta papildomai dar nurodyti konkretų div, kaip kad antrame pvz., ar užtenka ir pirmo varianto.

Ar tokia CSS kodo praktika daznai naudojama? Nes udemy kurse apie tai išvis nebuvo informacijos, o freecodecamp.com net keli skyriai.

:root {
 --main-bg-color: coral;
 --main-txt-color: blue;  
 --main-padding: 15px;  
}

#div1 {
 background-color: var(--main-bg-color);
 color: var(--main-txt-color);  
 padding: var(--main-padding);
}

Pradėjau JAVA kursus per SDA Academy. Tai palyginti su html, css, visai kitas sudėtingumas :) Žiūrėsime kaip seksis. Pliusas, kad dėstytojas yra, kuris atsako į klausimus.

Pradėjau JAVA kursus per SDA Academy. Tai palyginti su html, css, visai kitas sudėtingumas :) Žiūrėsime kaip seksis. Pliusas, kad dėstytojas yra, kuris atsako į klausimus.

Cia tavo asmeninis blogas sita tema ar kaip? Nes jei cia visados prasysi pagalbos, tai kartais gali ilgai uztrukti sulaukti jos. Stackoverflow, slack/discord channeliai tavo draugai.

Sekmes su JAVA, puiki kalba kaip pirmoji. Daug resursu ir pamegta kalba mokyti pagrindus ir sudetingesnius CS konceptus, kaip data structures ir algoritmus.

Cia tavo asmeninis blogas sita tema ar kaip? Nes jei cia visados prasysi pagalbos, tai kartais gali ilgai uztrukti sulaukti jos. Stackoverflow, slack/discord channeliai tavo draugai.

 

Sekmes su JAVA, puiki kalba kaip pirmoji. Daug resursu ir pamegta kalba mokyti pagrindus ir sudetingesnius CS konceptus, kaip data structures ir algoritmus.

Pradžioje pradėjau mokytis Udemy kursą HTML /CSS ir čia sukūriau temą klausimams bei dalintis progresu. Tačiau pasitaikė JAVA kursai 9 mėnesių, nusprendžiau išbandyti.

Tai dabar kol kas į šoną patraukiau frontendo kursus ir susikoncentravau į JAVA.

Dėl coronos nukėlė kursus, tai dabar beveik menesio pertrauka. Todel kažkiek aktyviau mokausi online. Jei kazkam bus idomu JAVA, zemiau info apie mano siuo metu naudojamus/rastus saltinius:

Pagrindinis online kursas - CodeCademy Java Rekomenduoju nepagaileti keletos Eur ir pasiimti pro versija, nes bus daug naudingu uzduociu.

Adroid apps'as - CodeGym

Youtube playlistai bei pavieniai video:

1) Sis youtuberis labai aiskai pateikia visa info https://www.youtube.com/channel/UC_fFL5jgoCOrwAVoM_fBYwA/playlists?view=50&sort=dd&shelf_id=4

2) Dar vienas youtuberis kur aiskiai desto info https://www.youtube.com/channel/UCYwGXhUH1b7M6UkxAsh2-zg/videos

3) 3 valandu intro

4) Daug tutorialu

5) 9 valandu non stop kursas

Softas:

IDE - https://www.jetbrains.com/idea/download/#section=windows (siuskites community versija)

JDK - https://developers.redhat.com/products/openjdk/download

Git - https://git-scm.com/ naudoju kartu su GitLab, bet kol kas moku tik basic (add, commit, push, status) :)

Intellij naudojimo tutorial