Video screencasts 2025, Januari-

04: Waarom SVG? Klein. ​ CSS-trucs

04: Waarom SVG? Klein. ​ CSS-trucs

De grootte van een SVG-bestand hangt af van hoe complex het is, niet hoe "groot" het is. Onthoud dat SVG's niet echt kunnen schelen in welke grootte ze worden weergegeven, ze zijn "

08: SVG gebruiken: iframe / object / embed - CSS-trucs

08: SVG gebruiken: iframe / object / embed - CSS-trucs

Vergeef me als ik deze methoden een beetje onder de knie heb. Ik ben nog nooit een use-case tegengekomen waarin ze absoluut de juiste keuze zijn. Er was een tijd dat de "

03: Waarom SVG? Flexibel. ​ CSS-trucs

03: Waarom SVG? Flexibel. ​ CSS-trucs

We hebben net vernomen dat SVG's er visueel scherp uitzien. SVG's zijn ook flexibel. Dat is niet echt uniek voor elementen op internet, maar het unieke is dat ze "

06: SVG - SVG als achtergrondafbeelding gebruiken - CSS-trucs

06: SVG - SVG als achtergrondafbeelding gebruiken - CSS-trucs

SVG-afbeeldingen kunnen ook als achtergrondafbeelding in CSS worden gebruikt, net als PNG, JPG.webp of GIF. .element (background-image: url (/images/image.svg);) Allemaal hetzelfde "

# 29: Productie gereed maken - CSS-trucs

# 29: Productie gereed maken - CSS-trucs

We gaan het in deze screencast terugbrengen naar een normale teksteditor, net zoals we begonnen. In een 'echte wereld'-situatie zijn deze dingen waar: u'

07: SVG gebruiken - Inline SVG - CSS-trucs

07: SVG gebruiken - Inline SVG - CSS-trucs

Misschien is de beste manier om SVG te gebruiken "Inline SVG", dat wil zeggen, SVG-code rechtstreeks in uw HTML plaatsen. Het werkt geweldig! Zie de Pen gpcDi van Chris Coyier "

02: Waarom SVG? Scherpte. ​ CSS-trucs

02: Waarom SVG? Scherpte. ​ CSS-trucs

Nu we met deze cursus beginnen, wil ik graag benadrukken waarom SVG zo aantrekkelijk is om te gebruiken. Misschien wel de meest dwingende reden voor ontwerpers: ze zien eruit "

# 30: Serie Wrapup - CSS-trucs

# 30: Serie Wrapup - CSS-trucs

Je hebt het gehaald! Heel erg bedankt voor het volgen van de cursus. Ik hoop dat je genoeg hebt geleerd over jQuery en JavaScript, dat je zelfvertrouwen erin is gestegen en "

# 28: Een meer complexe plug-in bouwen - CSS-trucs

# 28: Een meer complexe plug-in bouwen - CSS-trucs

Nu we de basisprincipes van de ontwikkeling van plug-ins begrijpen, kunnen we wat dieper graven. Omdat een plug-in uiteindelijk een functie is, biedt het ons het bereik "

# 27: Een eenvoudige jQuery-plug-in bouwen - CSS-trucs

# 27: Een eenvoudige jQuery-plug-in bouwen - CSS-trucs

Nu we hebben gekeken naar het gebruik van jQuery-plug-ins, is het absoluut de moeite waard om te begrijpen hoe u ze ook kunt bouwen. We hebben het al kort gehad over het feit dat "

# 26: een jQuery-plug-in van de Wild - gebruiken CSS-trucs

# 26: een jQuery-plug-in van de Wild - gebruiken CSS-trucs

Iedereen heeft een supercoole jQuery-plug-in gezien op het wilde, wilde internet, toch? Misschien raakte je alleen geïnteresseerd om echt meer te leren "

# 25: Georganiseerd worden! ​ CSS-trucs

# 25: Georganiseerd worden! ​ CSS-trucs

We hebben tot nu toe behoorlijk goed werk verricht door ons te organiseren. Het was een grote stap om onze HTML uit te splitsen in een sjabloon. We zijn de wateren langer aan het modderen om "

# 24: Sjablonen met onderstrepingsteken - CSS-trucs

# 24: Sjablonen met onderstrepingsteken - CSS-trucs

In de laatste video hebben we sjablonen met sturen behandeld. Maar het stuur is niet de enige sjabloonoplossing in de buurt. In deze video gebruiken we de "

# 23: Sjablonen met stuur - CSS-trucs

# 23: Sjablonen met stuur - CSS-trucs

We zijn in de laatste video gebleven met een beetje een warboel. Alles in één blok JavaScript combineerden we het ophalen van gegevens, weergave en bedrijfslogica, en "

# 21: Verander gewoon van klas! ​ CSS-trucs

# 21: Verander gewoon van klas! ​ CSS-trucs

Als je een groot deel van de front-end architectuurfilosofie uit deze serie leert, leer dan deze. Verander gewoon van klas. In deze screencast beginnen we "

# 22: The Need for Template - CSS-trucs

# 22: The Need for Template - CSS-trucs

Templating is een belangrijk onderdeel van het werken met JavaScript-applicaties. Het komt vrij vaak voor dat gegevens voor u beschikbaar zijn, maar niet in een indeling die '

# 19: Het is gewoon JavaScript - CSS-trucs

# 19: Het is gewoon JavaScript - CSS-trucs

Een ding dat ik in deze serie absoluut duidelijk wil maken, is dat niemand van ons anti-vanille JavaScript zou moeten zijn. 'Vanille' betekent 'rauw' of 'native' '

# 17: POSTEN met Ajax - CSS-trucs

# 17: POSTEN met Ajax - CSS-trucs

We hadden het in de laatste video over GET, maar gaven POST niet genoeg aandacht. Dus ik dacht dat we dat hier zouden doen. Het grote verschil met POST is dat u "

# 15: Chaining - CSS-trucs

# 15: Chaining - CSS-trucs

We hebben het nu een aantal keer gehad over kleine details in de jQuery API die echt heel leuk zijn. Alles is doordacht en verfijnd. Chaining "

# 18: Ajax en JSON - CSS-trucs

# 18: Ajax en JSON - CSS-trucs

De kans is groot dat in de "echte wereld" het # 1 waar u Ajax voor gebruikt, het verzenden en ontvangen van JSON-gegevens is. En niet voor niets. JSON niet "

# 16: Inleiding tot Ajax - CSS-trucs

# 16: Inleiding tot Ajax - CSS-trucs

Ajax scoort behoorlijk hoog op de belangrijkste redenen om jQuery te gebruiken. JQuery lost niet alleen de problemen tussen verschillende browsers op, het maakt de syntaxis ook heel gemakkelijk "

# 20: Gegevens! gegevens-*! .gegevens()! .attr (data- *)! ​ CSS-trucs

# 20: Gegevens! gegevens-*! .gegevens()! .attr (data- *)! ​ CSS-trucs

Gegevens. In de wereld van jQuery draait het allemaal om stukjes informatie die rechtstreeks aan elementen zijn gekoppeld (in plaats van bijvoorbeeld een variabele met alleen de verplichting "

# 14: Aangepaste evenementen - CSS-trucs

# 14: Aangepaste evenementen - CSS-trucs

Aangezien we het net over evenementen hadden, is dit een goed moment om aangepaste evenementen te noemen. Alle evenementen waarover we het tot nu toe hebben gehad, zijn 'echte' evenementen dus '

# 13: Inleiding tot evenementen - CSS-trucs

# 13: Inleiding tot evenementen - CSS-trucs

Het afhandelen van gebeurtenissen is nog een van die grote redenen om jQuery te gebruiken. Er zijn enkele verschillen tussen browsers in hoe te doen, die jQuery normaliseert in één "

# 11: Animeren met jQuery - CSS-trucs

# 11: Animeren met jQuery - CSS-trucs

Als je jaren geleden voor het eerst met jQuery hebt gewerkt, was het misschien de mogelijkheid om animatie te maken. Dat was misschien wel een van de eerste grote trekkingen van jQuery. Deze"

# 12: Terugbelfuncties - CSS-trucs

# 12: Terugbelfuncties - CSS-trucs

Iedereen favoriet: conceptvideo-tijd! Callbacks zijn een belangrijk concept in JavaScript. Het zijn functies die worden aangeroepen wanneer een actie heeft "

# 09: Getters en Setters - CSS-trucs

# 09: Getters en Setters - CSS-trucs

Het concept van getters en setters in JavaScript is slechts een van die dingen die u moet begrijpen. Ze zijn goed in jQuery omdat de API zo is "

# 10: Expliciete versus impliciete herhaling - CSS-trucs

# 10: Expliciete versus impliciete herhaling - CSS-trucs

Nog een conceptvideo! Dit is "slechts een van die dingen" die u in jQuery moet begrijpen. Het is eigenlijk een beetje uniek voor jQuery, in die andere populaire "

# 07: Doen! ​ CSS-trucs

# 07: Doen! ​ CSS-trucs

Zoals we hebben besproken, kan jQuery worden gezien als een "selecteer en doe" -bibliotheek. We hebben het gehad over het selecteren van nogal wat, dus laten we het nu hebben over enkele "