Share
Nou, 2012 is ten einde gekomen. Een overvloed aan uitstekende handleidingen en artikelen werden het hele jaar door gepubliceerd, zowel hier op Nettuts + als elders op internet. Om het jaar te documenteren, stelde ik maandelijks een lijst samen van zestig van de beste tutorials. Je zult waarschijnlijk een paar vinden die je onderweg hebt gemist!
Soms is het gemakkelijk om overweldigd te raken door hoeveel er te leren valt in deze branche. Als jQuery toevallig op uw persoonlijke "need to learn soon" -lijst staat, bekijk dan de cursus van Jeffrey Way "Leer jQuery in 30 dagen". Als je hem de komende maand vijftien minuten per dag geeft, zal hij je helpen een jQuery-pro te worden - en het is gratis!
.htaccess-bestanden worden gebruikt om Apache te configureren, evenals een reeks andere webservers. Ondanks de extensie van het .htaccess-bestandstype, zijn het gewoon tekstbestanden die met elke teksteditor kunnen worden bewerkt. In dit artikel zullen we bekijken wat ze zijn en hoe u ze kunt gebruiken in uw projecten.
Zoek HTML5-, CSS3-, enz. -Functies op, weet of ze klaar zijn voor gebruik en zo ja, ontdek hoe u ze moet gebruiken - met polyfills, fallbacks of zoals ze zijn.
Voordat u JavaScript-frameworks gaat verkennen die helpen bij het structureren van applicaties, kan het handig zijn om een basiskennis te verwerven van architecturale ontwerppatronen. Ontwerppatronen zijn bewezen oplossingen voor algemene ontwikkelingsproblemen en kunnen structurele paradigma's suggereren om ons te helpen bij het toevoegen van een bepaalde organisatie aan onze applicatie.
Steve Souders bespreekt de impact van de snelheid van websites op gebruikers die advies geven over het maken van high-performance HTML5-applicaties.
Beloften zijn een opwindende jQuery-functie die het een fluitje van een cent maken om async-gebeurtenissen te beheren. Hiermee kunt u duidelijkere, kortere callbacks schrijven en applicatielogica op hoog niveau gescheiden houden van gedrag op een laag niveau. Zodra u Beloften begrijpt, wilt u ze gebruiken voor alles van AJAX-aanroepen tot UI-stroom. Dat is een belofte!
Ik heb deze vraag veel gekregen: "hoe heb je je terminal kunnen laten lijken zoals hij is?" Als je mijn terminal hebt opgemerkt en benieuwd bent naar hoe ik het heb ingesteld, is dit de tutorial voor jou! Natuurlijk is wat u hier leert voldoende om u op weg te helpen bij het maken van uw eigen aangepaste opdrachtprompt!
In dit artikel zullen we het gebruik van JavaScript vanuit een MVC-perspectief bekijken om de DOM te manipuleren. Meer specifiek zullen we onze JavaScript-objecten, hun eigenschappen en methoden, en hun instantiaties parallel aan het beoogde gedrag van onze Views (wat de gebruiker ziet) ontwikkelen.
Ik gebruik SASS voor vrijwel alles wat ik de laatste tijd doe. Hier zijn enkele overpeinzingen over de reis. Van overvallen, tot struikelblokken, tot uitschakelingen. Van apps en teams tot workflows en syntaxis.
Accentsconagua
getUserMedia
getUserMedia is een API die een webpagina toegang geeft tot de camera en microfoon van een gebruiker via JavaScript. Het wordt ondersteund in Opera 12 en Opera Mobile 12 voor Android en WebKit in Chrome Canary builds (instructies). Net als veel andere API's maakt het geen deel uit van de 'echte' HTML5-specificatie. Het begon het leven als de HTML5
In deze zelfstudie gaan we kijken naar het bouwen van een volledig functionele contactbeheerder met Backbone.js, Underscore.js en jQuery. We zullen een kijkje nemen naar de basiscomponenten die Backbone aankruisen en naar enkele van de gemaksmethodes die worden blootgelegd door Underscore. (Zie de hele sessie.)
In deze tutorial laat ik zien hoe je vintage (net als Instagram) foto's maakt met PHP en ImageMagick. Wacht? Wat? Ja, je kunt dit heel goed doen met PHP en ImageMagick, en dat is maar wat aan het oppervlak!
ECMAScript 5 introduceerde de strikte modus voor JavaScript. Het is de bedoeling om ontwikkelaars toe te staan zich aan te melden voor een "betere" JavaScript-versie, waarbij enkele van de meest voorkomende en flagrante fouten anders worden afgehandeld. Een tijdje was ik sceptisch, vooral omdat slechts één browser (Firefox) aanvankelijk de strikte modus ondersteunde. Snel vooruit naar vandaag, elke grote browser ondersteunt de strikte modus in hun nieuwste versie, inclusief Internet Explorer 10 en Opera 12. Het is tijd om de strikte modus te gaan gebruiken.
Hier is het probleem: wanneer u JavaScript van een externe partij laadt, moet u dit asynchroon doen. U kunt uw eigen scripts ook asynchroon laden, maar laten we ons voor dit artikel concentreren op derden.
Het uitgangspunt van voorvoegsels maakt onrealistische eisen aan de manier waarop ontwikkelaars sites onderhouden. Er wordt veel gepraat over het werken met voorvoegsels (door het beleid te wijzigen), maar ik denk dat ze al op gespannen voet staan met de ontwikkelaarsworkflow.
Sluitingen worden vaak gezien als een geheimzinnige kunst in het land van JavaScript. Eenmaal gemasterd, laten ze je toe om echt geweldige JavaScript te schrijven. In dit artikel wordt u op de hoogte gebracht van de magie van JavaScript-sluitingen.
Als u aan een groot project werkt, zult u ongetwijfeld een build-script of een aantal taakscripts hebben om te helpen met enkele van de repetitieve delen van het proces. Je kunt Ant of Rake gebruiken, afhankelijk van de taal waarin het project is geschreven. Maar wat gebruik je als het project voornamelijk JavaScript is? Dat is het probleem dat Ben Alman wilde oplossen toen hij Grunt creëerde.
Ik ben er vrij zeker van dat ik niemand hier zal verrassen door te zeggen dat CSS-sprites al een hele tijd bestaan en hun al enigszins controversiële hoofden in de Web-ontwikkelingssfeer al in 2003 hebben grootgebracht.
Naarmate het weblandschap steeds complexer wordt, wordt het uiterst belangrijk om solide webervaringen te leveren aan een groeiend aantal contexten. Gelukkig geeft responsief webontwerp webmakers een aantal hulpmiddelen voor het maken van lay-outs die reageren op elke schermgrootte. We gebruiken vloeibare rasters, flexibele afbeeldingen en mediaquery's om de lay-out er goed uit te laten zien ongeacht de grootte van de schermafmetingen van het apparaat.
Ik heb onlangs een README geschreven voor een project waarvan ik hoop dat andere ontwikkelaars er naar zullen kijken en van zullen leren, en terwijl ik het aan het schrijven was, realiseerde ik me dat dit het soort ding was dat me helemaal had geïntimideerd een paar jaar geleden, wat met zijn nonchalante vermeldingen van Node, npm, Homebrew, git, tests en ontwikkeling en productie bouwt.
Veel webontwikkelaars gebruiken SSH ("Secure Shell") dagelijks om hun servers te beheren, een back-up van bestanden te maken, op afstand te werken en een groot aantal andere taken. Vandaag zal ik uitleggen wat SSH is, een korte geschiedenisbeoordeling uitvoeren en ten slotte leren hoe je het moet instellen op je externe server of zelfs je lokale netwerk. Laten we beginnen!
Acht maanden lang kreeg ik de kans om bij het YUI-team in Yahoo te studeren, terwijl ik mijn technische opleiding afrondde. Vandaag zou ik graag de top tien dingen willen delen die ik heb geleerd van mijn ervaring met YUI.
Het bouwen van een edelsteen was vroeger een complexe taak waarvoor een exacte kennis van het edelsteenformaat, zelf of een aantal speciale gereedschappen nodig was om een geschikte boilerplate te genereren. Tegenwoordig kunnen we de uitstekende Bundler gebruiken om deze complexiteit te verwijderen en de hoeveelheid gegenereerde code tot een minimum te beperken.
We hebben PHP's PDO API hier een paar keer behandeld op Nettuts +, maar over het algemeen waren die artikelen meer gericht op de theorie en minder op de toepassing. Dit artikel zal dat oplossen! Om het duidelijk te stellen: lees verder als je nog steeds de oude mysql-API van PHP gebruikt om verbinding te maken met je databases!
Deze keer leert u meer over de patronen van de adapter, de decorateur en de fabriek.
JavaScript is een vreemde taal. Het is gemakkelijk om te schrijven, maar moeilijk te beheersen. Aan het einde van dit artikel, hopelijk, transformeert u uw spaghetti-code in een vijfgangendiner, vol leesbare, onderhoudbare lekkernijen!
In deze Nettuts + miniserie bouwen we een webtoepassing helemaal opnieuw, terwijl we duiken in een geweldig nieuw PHP-raamwerk dat snel stoom oppikt, genaamd Laravel - een eenvoudig en elegant PHP 5.3 framework.
Van tijd tot tijd worden servers en databases gestolen of aangetast. Met dit in gedachten is het belangrijk ervoor te zorgen dat bepaalde cruciale gebruikersgegevens, zoals wachtwoorden, niet kunnen worden hersteld. Vandaag gaan we de basis achter hashen leren en wat er nodig is om wachtwoorden in uw webtoepassingen te beschermen.
Klassen, klassen, klassen overal. Wat als we helemaal geen CSS-klassen nodig hebben? Wat als we ons niet langer zorgen maken over het aantal lessen dat we gebruiken en wat we ze zouden moeten noemen en net voor eens en voor altijd klaar zijn? Het zou geen openbaring voor u zijn om te zeggen dat HTML-elementen kunnen worden gestileerd zonder een beroep te doen op het klassenattribuut, maar hebt u de vele voordelen overwogen die voortkomen uit het volledig verlaten van klassenklassen?
AngularJS is net als de vermiste Batarang op je gereedschapsriem van geweldige internetontwikkeling. Het biedt u bidirectionele datumbinding die zowel eenvoudig te gebruiken als snel is, een krachtig richtlijnenysteem waarmee u herbruikbare, aangepaste componenten kunt maken, plus nog veel meer. Express is een uitstekende webserver voor Node.js die routering, middleware en sessies biedt. Overigens werken de twee vrij goed samen!
Agile of Agile Development - we horen deze woorden tegenwoordig vaker. Maar weten we echt waar het allemaal over gaat? Hoe kan dit ons helpen effectiever te worden, terwijl we veel plezier hebben met het ontwikkelen van software? Hoe kunnen we het gebruiken om met zakenmensen te communiceren en deze communicatie gemakkelijk en constructief voor beide partijen te maken?
Er was eens een bestand. Het stond op je computer en je wilde het op een server krijgen. Heb je je ooit afgevraagd waarom er zoveel manieren zijn om dat te doen? We zullen enkele basisprincipes van implementatie in dit artikel toelichten, zodat u begrijpt wanneer u wat moet gebruiken. Laten we beginnen!
Laten we het toegeven: de PHP-gemeenschap is een beetje achter gebleven, als het gaat om het bepleiten van testgestuurde ontwikkeling. We weten dat we dat moeten doen, maar tot op de dag van vandaag doet een aanzienlijk deel van de gemeenschap dat niet. In deze nieuwe reeks video's en zelfstudies, gemaakt door het Nettuts + -team, hopen we dat te kunnen veranderen. Vertrouw me: het is niet zo moeilijk als je denkt.
Het maken van spellen in HTML5 Canvas is niet zo moeilijk als je eenmaal de logica hebt geleerd van het spel dat je aan het maken bent. In deze tutorial leer je hoe je een niet-zo-basisspel pingpong maakt in Canvas. Laten we eerst eens kijken naar het hoofdconcept en enkele basislogica achter dit spel.
Vorige week was de 7dfps-uitdaging, een open uitdaging waarbij deelnemers binnen één week een FPS moesten maken. Dergelijke wedstrijden zijn heel erg interessant voor diegenen die met dingen willen experimenteren. Jezelf uitdagen is IMO de beste manier om nieuwe dingen te leren. Je kent misschien ook de beroemde "Ludum Dare" -wedstrijd. Ik heb in slechts één week Backbone.js en Three.js (een beroemde bibliotheek boven op WebGL) leren gebruiken, dus je hebt geen excuus om hetzelfde niet te kunnen doen
Dus je hebt de uitdaging aangenomen om dik te worden aan de client-kant; goed gedaan. U hebt alle raamwerken bekeken en weet niet zeker welke u moet kiezen? Je bent niet alleen. Lees verder.
Dit artikel helpt je om Vagrant te gebruiken om je virtuele machine-instanties te beheren en uit te leggen hoe je van Puppet kunt profiteren om verschillende bronnen aan te bieden, zoals PHP en PostgreSQL.
Event-driven programmeren kan overweldigend zijn voor beginners, waardoor Node.js moeilijk is om mee te beginnen. Maar laat dat je niet ontmoedigen; In dit artikel zal ik je enkele basisprincipes van Node.js leren en uitleggen waarom het zo populair is geworden.
De meest gestelde vraag die ik krijg sinds het plaatsen van mijn artikel met responsieve navigatiepatronen is: Hoe ga ik om met complexe navigatie voor responsieve ontwerpen? "
Vandaag gaan we een paar verschillende tools combineren en een eenvoudig Node-pakket maken waarmee een gebruiker een map voor bestanden kan doorzoeken. In deze tutorial gebruiken we Grunt om veel van ons werk te doen, om een Node-script uitvoerbaar te maken op de opdrachtregel en om eindelijk te zien hoe we het publiceren naar Node Package Manager (npm), zodat iedereen het kan installeren het.
Organisatie kan de onderhoudbaarheid van een applicatie maken of breken. Bij kleinere applicaties is organisatie duidelijker; Naarmate de applicatie groeit en het aantal applicatieontwikkelaars en front-end engineers die code produceren toeneemt, kan de meer verwarrende organisatie echter worden. In dit bericht bespreken we enkele basisbegrippen voor het georganiseerd houden van applicaties zodat het vinden van relevante code een efficiënt en systematisch proces is.
In deze screencast bouwen we een relatief eenvoudige klasse, met behulp van TDD-technieken. Onderweg bespreken we verschillende PHPUnit-methoden, hoe je nep-objecten maakt en meer! Ik moedig je aan om mee te werken; het is de beste manier om te leren!
De meeste Backbone-zelfstudies beschrijven het proces voor het verzenden van RESTVOLLE verzoeken naar de server. Maar hoe vangen we die gegevens met ons server-side framework? Hoe weten we wat de request-urls zijn? Hoe houden we deze verzoeken bij met behulp van Chrome Dev Tools? Ik zal je dat allemaal en meer laten zien in deze screencast.
Wanneer u de responsieve webontwerproute neemt, is een deel van de deal vloeibare rasters. Dat wil zeggen, containerelementen ingesteld in percentagebreedten. Slechts één voorbeeld: een
In deze tweedelige serie gaan we kijken naar Web Storage, een van de beste en meest interessante functies om uit de HTML5-specificatie te komen. We zullen de geschiedenis van zowel webopslag als cookies bekijken.
JavaScript-testen is een gevoelig onderwerp. Sommige ontwikkelaars zijn er een groot voorstander van (inclusief mezelf), terwijl anderen de noodzaak of voordelen niet zien. Een enorme barrière is het feit dat het soms een aanzienlijke hoeveelheid setup kan kosten om aan de slag te gaan. Hoe langer het duurt, hoe waarschijnlijker het is dat de ontwikkelaar eenvoudigweg niet de moeite neemt. Dat is waarom Testem zo fantastisch is; het maakt testen zo moeiteloos als mogelijk en, nog belangrijker, plezierig!
Een van de vele ontwerpdoelen van de JavaScript-taal was om het single-threaded en, bij uitbreiding, eenvoudig te houden. Hoewel ik moet toegeven dat het, gezien de eigenaardigheden van de taalconstructies, allesbehalve eenvoudig is! Maar wat we bedoelen met "single-threaded" is dat er maar één thread is in JavaScript; ja, helaas, je JavaScript-engine kan maar één ding tegelijk doen. Klinkt dat niet te restrictief om gebruik te maken van multi-core processors die niet op uw computer liggen? HTML5 belooft dit allemaal te veranderen.
Het is een hobbelige rit geweest, met betrekking tot de ondersteuning van naamruimten in PHP. Gelukkig is het in PHP 5.3 aan de taal toegevoegd en is de van toepassing zijnde structuur van PHP-code sindsdien enorm verbeterd. Maar hoe precies gebruiken we ze?
Ik heb veel moeite gezien toen ze Backbone.js voor het eerst ontmoetten. In deze blogpost zal ik geleidelijk een stukje code refactoren van hoe ik vroeger JavaScript schreef, naar de juiste Backbone.js-code met behulp van modellen, collecties, weergaven en gebeurtenissen. Hopelijk geeft dit proces je een goed begrip van de kernabstracties in Backbone.js.
Het valideren van vormen is notoir een pijnlijke ontwikkelingservaring geweest. Het implementeren van client side validatie op een gebruiksvriendelijke, ontwikkelaarvriendelijke en toegankelijke manier is moeilijk. Vóór HTML5 was er geen mogelijkheid om validatie native te implementeren; daarom hebben ontwikkelaars hun toevlucht genomen tot een verscheidenheid aan op JavaScript gebaseerde oplossingen.
Ongeacht ons huidige niveau waren we allemaal op een bepaald moment beginners. Het maken van klassieke beginnersfouten komt met het territorium. Vandaag hebben we verschillende Nettuts + personeelschrijvers gevraagd om hun valkuilen en oplossingen te noemen - in verschillende talen. Leer van onze fouten; doe deze dingen niet!
Omdat Haskell een puur functionele taal is, beperkt het je van veel van de conventionele methoden van programmeren in een objectgerichte taal. Maar biedt het beperken van programmeeropties ons echt voordelen ten opzichte van andere talen? In deze zelfstudie zullen we Haskell bekijken en proberen duidelijk te maken wat het is, en waarom het misschien de moeite waard is om in uw toekomstige projecten te gebruiken..
Ik denk niet dat ik je moet overtuigen dat het testen van je JavaScript-code een goed idee is. Maar het kan soms vervelend zijn om JavaScript-code te testen waarvoor een DOM vereist is. Dit betekent dat je je code in de browser moet testen en de terminal niet kunt gebruiken, toch? Fout, eigenlijk: ga naar PhantomJS.
Deze week stond ik op het punt om een geheel nieuw gesprek te geven op YUIConf-rechten, JavaScript-API's waarvan je nog nooit hebt gehoord (en sommige die je hebt). Helaas betekent een planningsconflict dat ik niet aanwezig kan zijn. Dus in plaats van het werk van het samenstellen van een merk- = nieuw gesprek te verspillen (of anders uitgesteld te laten worden) besloot ik om een screencast van het gesprek te maken.
Mijn dagelijkse leven wordt besteed aan intern werken bij BSkyB ... Ik werk op grote websites, waarvan de laatste me meer dan een jaar kostte om de front-end voor te bouwen (en het is nog steeds aan de gang). Voor mij, in mijn wereld, is slechte CSS een zeer specifiek en lastig iets; wanneer u maanden aan een site werkt, kunt u zich geen slechte code veroorloven, of dit nu CSS is of niet, en eventuele slechte code moet worden hersteld.
Het is gebruikelijk dat een client een aanvraag indient voor een bestand dat ofwel niet bestaat op de server of op een andere locatie staat. Dit kan om verschillende redenen gebeuren. U kunt uw bestanden verplaatsen naar de server (of naar een geheel andere server), of misschien wilt u de structuur van een logisch bestandssysteem aan verbindende clients presenteren.
Tools kunnen onze workflows naadloos laten aanvoelen, zodat we ons kunnen concentreren op wat we aan het bouwen zijn, en ons geen zorgen hoeven te maken over het proces. De meeste webontwikkelaars werken op alle delen van de stapel vanaf de opdrachtregel. Er zijn talloze hulpprogramma's die u productiever kunnen maken. Dit zijn geen volledig opgebouwde opdrachtregeltoepassingen, zoals Git, maar eerder eenvoudige en configureerbare hulpmiddelen, die uw werkstroom als webontwikkelaar kunnen verbeteren.
Injectie van afhankelijkheid is de afgelopen jaren een veelbesproken onderwerp van discussie geweest bij veel bedrijfsontwikkelaars. Velen vreesden dat ze te veel tijd zouden gaan besteden aan het bouwen van hun applicatiearchitectuur zonder echt werk te hoeven doen. In dit artikel zal ik uitleggen waarom PHP-ontwikkelaars zouden moeten overwegen om gebruik te maken van afhankelijkheidsinjectie bij het bouwen van grote, schaalbare projecten.
Programmeurs zoals ik worden vaak geïntimideerd door ontwerp, maar een beetje moeite kan een enorm rendement op de investering opleveren. Hier zijn de tips van één codeur om elke site snel professioneler te maken. Ik ben een programmeur. Ik ben geen ontwerper. Ik heb een graad in computerwetenschappen en ik vind Comic Sans niet erg. (Het ziet er vrolijk uit. Ga verder.)
Heeft u wel eens een externe terminalsessie gehad, om uw verbinding halverwege een grote taak te laten vervallen? Vervolgens maakt u opnieuw verbinding, zonder iets te weten over de voortgang (indien aanwezig) en de huidige status. Scherm is de oplossing voor dit probleem. Met het scherm kunt u terminalsessies starten waarvan u de verbinding kunt verbreken en op elk gewenst moment kunt hervatten.
Welnu, dat is mijn lijst met 60 geweldige tips en tutorials uit 2012. Je hebt waarschijnlijk enkele eigen favorieten; laten we ze horen in de reacties!
