Post WDD Programming Resource Guide
User Manual:
Open the PDF directly: View PDF 
.
Page Count: 7
| Download | |
| Open PDF In Browser | View PDF |
Post-WDD Programming Resource Guide General WDD Handbook A new and improved handbook created by WDD staff! Still in progress, but will likely serve you very well in the near future. http://handbook.wdd.io/ HTML Vanilla Resources for getting more familiar with plain old HTML. https://developer.mozilla.org/en-US/docs/Web/HTML https://websitesetup.org/html-tutorial-beginners/ https://internetingishard.com/ https://marksheet.io/ Mustache Rather than tediously manipulating the DOM through JS or jQuery, we can use templating systems like Mustache to speed up development and make our code cleaner. http://mustache.github.io/ https://mustache.github.io/mustache.5.html https://www.sitepoint.com/creating-html-templates-with-mustachejs/ Handlebars Lightweight template for HTML based on JavaScript/Node. Allows you to quickly write HTML and elements without having to repeat yourself. Sort of an extension of Mustache. https://handlebarsjs.com/ https://www.sitepoint.com/a-beginners-guide-to-handlebars/ Jekyll Not quite just for HTML, but an overall way to better structure your website and organize your code. Jekyll, which makes use of Liquid templating (based on Ruby), will allow you to split up HTML files, include the same snippets of code in multiple places without repeating code, and neatly allows you to have multiple pages with the same layout. It is technically a “static site generator”, but can be used as a template. https://jekyllrb.com/ https://jekyllrb.com/docs/home/ https://www.youtube.com/watch?v=iWowJBRMtpc&ab_channel=Codecourse https://github.com/jekyll/jekyll CSS Vanilla Resources for getting more familiar with good old CSS. https://css-tricks.com/ https://medium.com/actualize-network/modern-css-explained-for-dinosaurs-5226febe3525 https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/complete-guide-grid/ https://flexboxfroggy.com/ http://cssgridgarden.com/ http://www.csszengarden.com/ http://www.htmldog.com/guides/css/advanced/ https://internetingishard.com/html-and-css/responsive-design/ https://internetingishard.com/ SASS A much better way to write CSS. This, or some other CSS preprocessor, should probably used for any site that goes beyond one view. This allows your CSS to have variables, mixins with arguments, be split up into multiple files, not repeated, and much more clean and maintainable. You can even have if-else statements. Why aren’t you already using it? O M G. https://sass-lang.com/ https://sass-lang.com/guide https://www.sassmeister.com/ https://sass-lang.com/documentation/file.SASS_REFERENCE.html https://www.youtube.com/watch?v=P1G4_zxOxtk&ab_channel=HelpPeople https://www.youtube.com/watch?v=rmXVmfx3rNo&ab_channel=TraversyMedia LESS Another CSS preprocessor. Less popular than SASS, but maybe you’ll like it more. http://lesscss.org/ http://lesscss.org/features/ https://tutorialzine.com/2015/07/learn-less-in-10-minutes-or-less JavaScript Vanilla - ES5 Currently, most used version of JavaScript. You might need Babel to compile your code to an older version as not all browsers and browser versions fully support it yet. Babel resources are included here. https://javascript.info/ http://eloquentjavascript.net/ https://developer.mozilla.org/en-US/docs/Web/JavaScript http://es6katas.org/ https://babeljs.io/ https://babeljs.io/docs/setup/ https://babeljs.io/docs/community/videos/ http://es6-features.org/#Constants https://github.com/lukehoban/es6features https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_fu nction https://regexr.com/ https://plainjs.com/ jQuery A library that allows easier and cleaner DOM manipulation. Also included is jQuery UI, a quick way to get complicated UI to function. Another useful feature of jQuery is the ease with which it allows you to work with APIs and AJAX if you’re into that sort of thing. https://jquery.com/ https://jqueryui.com/ https://learn.jquery.com/ https://www.youtube.com/watch?v=fEYx8dQr_cQ&ab_channel=LearnCode.academy http://api.jquery.com/jquery.ajax/ http://try.jquery.com/ Frameworks React React is becoming the most popular frontend JS framework right now. It is a highly in-demand skill in the industry and super fun to use. Get in on the action! Redux resources are included because it’s cool too. https://reactjs.org/ https://reactjs.org/docs/hello-world.html https://reactjs.org/tutorial/tutorial.html https://www.youtube.com/watch?v=A71aqufiNtQ&ab_channel=TraversyMedia https://www.youtube.com/watch?v=MhkGQAoc7bc&ab_channel=LearnCode.academy https://redux.js.org/basics/usage-with-react https://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-re act/ Angular An MVC framework that came before React, but is currently being crushed by it. Still pretty relevant in the industry and good to know though. https://angular.io/ https://angular.io/docs https://docs.angularjs.org/api https://thinkster.io/a-better-way-to-learn-angularjs https://www.youtube.com/watch?v=KhzGSHNhnbI&ab_channel=TraversyMedia https://www.youtube.com/watch?v=oa9cnWTpqP8&ab_channel=DesignCourse https://www.youtube.com/watch?v=PFP0oXNNveg Vue Another cool, popular JS framework. Pretty new, but similar to Angular. https://vuejs.org/ https://vuejs.org/v2/guide/ https://www.youtube.com/watch?v=z6hQqgvGI4Y&ab_channel=TraversyMedia https://www.youtube.com/watch?v=78tNYZUS-ps&ab_channel=DesignCourse https://medium.com/codingthesmartway-com-blog/vue-js-2-quickstart-tutorial-2017-24619 5cfbdd2 Tools Grunt JavaScript task runner, useful and simple. Used to compile SASS to CSS, minify, concatenate, or compress HTML, CSS and JS and more. https://gruntjs.com/ https://www.youtube.com/watch?v=TMKj0BxzVgw&ab_channel=LearnCode.academy https://gruntjs.com/plugins Gulp Another JavaScript task runner. Currently more popular than Grunt, with more features, speed, and plugins, but also more complicated to set up. https://gulpjs.com/ https://github.com/gulpjs/gulp/blob/v3.9.1/docs/API.md https://gulpjs.com/plugins/ https://www.youtube.com/watch?v=1rw9MfIleEg&ab_channel=TraversyMedia Version Control Git The most popular form of version control and the most salient in the industry. https://try.github.io/levels/1/challenges/1 https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control https://www.atlassian.com/git https://www.atlassian.com/git/tutorials/what-is-version-control https://www.git-tower.com/learn/git/ebook/en/desktop-gui/basics/what-is-version-control Miscellaneous Other things web developers use & important stuff to read! https://caniuse.com/ https://fontawesome.com/ https://developers.google.com/web/fundamentals/?hl=en http://www.frontendhandbook.com/ https://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect& utm_campaign=mft-redirect https://developers.google.com/speed/pagespeed/insights/ https://medium.com/@TechMagic/reactjs-vs-angular5-vs-vue-js-what-to-choose-in-2018-b 91e028fa91d
Source Exif Data:
File Type : PDF File Type Extension : pdf MIME Type : application/pdf PDF Version : 1.5 Linearized : Yes Producer : Skia/PDF m68 Page Count : 7EXIF Metadata provided by EXIF.tools