itpastorn / webbutveckling-1-flex-studentfiles Goto Github PK
View Code? Open in Web Editor NEWDetta är filer som hör ihop med böckerna Webbutveckling 1, lärobok och arbetsbok, 2016-års upplaga och senare.
Detta är filer som hör ihop med böckerna Webbutveckling 1, lärobok och arbetsbok, 2016-års upplaga och senare.
Eftersom den är nedbantad rekommenderar jag att du att installerar en fullversion
(Installation på Mac OS X)
Sista punkten på sidan 66 säger att det i koden på sidan 65 ska finnas en CSS-kommentar. Det gör det inte.
Hat tip: Anna H via mejl
Hat tip: Jan Zetterqvist
I en errata-fil har jag sett att du i avsnitt 4.2 korrigerat klassnamnen
till ”learn” och ”easy”, men i den efterföljande diskussionen dyker
(fortfarande?) klassnamnen ”foo” och ”bar” upp. Stycket är teoretiskt
svårt, vilket förklarar att du noggrant vill gå igenom detta. Olyckligt
därför med ”foo” och ”bar” just här. (Och när du skriver ”Testa att byta
plats…” så undrar man om du syftar på css-koden eller html-koden.)
14.3
De verkar ha försvunnit...
Förslag: Atom, Brackets, gEdit, Notepad++, Notepad2, Sublime, TextMate och UltraEdit.
Ta bort alla ställen där nämns.
Eclipse
Sublime
Etc.
Du som läser boken får gärna komma med förslag!
Lägg till tipset
brew install git
Hat tip: JZ.
Du har (minst) tre länktips angående flex. Jag tycker de borde
presenteras i följande ordning:· Först: Flexboxin5.com – ”interactive tour of flexbox in five
minutes”; förträfflig genomgång (tar dock lite mer än fem minuter!).· Därefter: Flexboxfroggy.com – inte så dum!
· Sist eller inte alls: //the-echoplex.net/flexyboxes – du
presenterar denna länk redan i kapitel 5; man blir då nyfiken, men
faktiskt inte så mycket klokare. Bättre att redan här hänvisa till
Flexboxin5.com, tycker jag.
Finns på kapitel 5 sektion 4: CSS för länkarna.
I CSS koden är "a" med serifer/utan serifer blandade.
Hej!
En fråga angående dokumentet "Några stycken + CSS", sidan 67 i Läroboken :
In boken står det:
<p class="learn easy" id="a">
Lorem ipsum dolor sit amet.
</p>
<p class="learn" id="b">
Lorem ipsum dolor sit amet.
</p>
<p id="c">
Lorem ipsum dolor sit amet.
</p>
Skulle inte selektorn på andra stycke vara "easy"?
Tack på förhand!
JZ:
Rakt igenom hela boken är alla sidhuvuden
identiska och alla sidfötter identiska (förutom sidnumret givetvis).
Personligen skulle jag gärna se ”heading 2-nummer” följt av ”heading
2-text” /överst på alla sidor/, för att göra det hela lite mer
”lättbläddrat”. Du har faktiskt genomgående väldigt många hänvisningar
både framåt och bakåt i texten (se t ex sid 190, men en hänvisning
framåt till avsnitt 12.3 och strax därefter en hänvisning bakåt till
avsnitt 4.5.10). Gissar att detta är ofrånkomligt med tanke på hur
”invävda” kursens olika moment är i varandra, men just därför är det
viktigt att snabbt kunna hitta önskad sida i boken.
På sidan 71 i Arbetsbok 2:a upplagan, uppgift 9a - Testa SVG, under extrauppgift: Ändra cirkelns fill, fill-width och stroke med CSS.
Kan ej hitta någon fill-width property, är det stroke-width som menas?
Lägg till det som tips i avsnittet om Vagrant
Div påpekanden på de första sidorna i provtryckningen
Fel namn i 1.9.8
Codecademy är både namn och webbadress
Tillsammans med Flexbox Froggy
På sidan 194 av 2:a upplagen säger det att menyer kommer att diskuteras i 12.2 Menyer. Men det finns inget 12.2 Menyer.
Sidan 12. Ta bort versaler.
Följ sedvanlig drill med att spara, uppdatera och validera (samt commit och push).
När man följt kapitel 11 för uppgift 11C så ser inte sidan komplett ut. Ignorera outlines.
Det nämns angående att header och footer ska vara 100% bredd, men ingen instruktion som visar processen för när man bör göra det. Samt att den första delen för .subpage saknas helt.
Det kan man fixa genom att lägga till följande i css filen:
.subpage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.subpage header, .subpage footer {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
I avsnitt 2.3.8 nämns Trello och RealtimeBoard (år det rättstavat). Lägg till Basecamp.
Gamla upplagans numrering.
Sidan 48 i nya arbetsboken.
Också fel i texten: kap-4-f .css (Ta bort mellanslag)
Hat tip: jan Zetterqvist
De fyra små läxhjälp-symbolerna (〠 osv) finns på
/bilderna/ redan i kap 5 MEN får sin förklaring först i /kap 11.3.4
”HTML i menyn”/ (det är här nav-koden presenteras). Man blir lite
konfunderad i kapitel 5 …
Är orange i första listan, rad 2.
Är silver i det kompletta exemplet.
Byt så att båda blir silver
Hej!
Hittade lite (2 st) syftningsfel på sidan http://webbteknik.nu/joblist/wu1/10/
Ersätt ordet Avsnitt med Uppgift på två ställen
Det står lite förvirrande... "Avsnitt 10.1 i Arbetsboken" och "Avsnitt 10.2 i Arbetsboken" uppradat i tabellen.
Med vänlig hälsning
Niklas Engvall
Hitta ett bättre ordval i den hör meningen:
"Lägg märke till att label-elementen fortfarande i sig är osynliga"
Nya upplagan: https://css-tricks.com/no-comma-color-functions-in-css/
Titel: Code Academy --> Codecademy
Kurs: Make A Website --> How to Make a Website with NameCheap
När Codecademy släpptes 2011 var det mesta gratis. Nu är de flesta resurserna bakom en betalvägg med ständiga uppmaningar att betala ca 200 kr/mån för att få tillgång till mer material. Förslag: Ta bort tips eftersom det är svårt att jobba systematiskt med materialet i en undervisningsgrupp.
Hat tip Sara Hällgren, Skellefteå
Bokens webbplats-avsnittets rubrik. Sidan 35.
Avsnitt 16.3
Attributet allowfullscreen påverkar HTML5-video
JZ:
Index i Upplaga 2 tycks inte vara uppdaterad alls (begreppet flex
finns t ex inte med!). Det ser faktiskt ut som om det helt enkelt är
upplaga 1-index som i hastigheten bara förts över till upplaga 2 (gissar
att den i normalfallet uppdateras ”automatiskt”, förutsatt att man
placerat alla indexankare osv på rätta ställen i den löpande texten).
I Läroboken, andra upplagan, avsnitt 10.1: Första gröna tipsrutan säger ...så använd deklarationen: visibility: invisible. Det bör stå: ...så använd deklarationen: visibility: hidden.
Med vänlig hälsning
Niklas Engvall
engelska
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.