156 Free Ebooks, Tutorials, Tools, Videos and Resources for Web Developers and Designers
A web designer is a graphic artist who is responsible for designing the layout, usability, and visual appearance of a website. A successful web designer must possess an array of creative, graphic, and technical skills. A web developer is someone who builds and maintains the core structure of a website. They’re tasked with converting the web design into a functional website, using coding languages such as HTML, JavaScript, PHP, jQuery, etc. To summarize, a web designer is a person that makes the website looks good and a web developer is generally called programmer / coders.
In this post, you’ll find a repository that contains content which will be helpful in your journey as a Web Developer as well as a Web Designer. Besides free ebooks, tutorials and resources, you’ll find a collection of useful YouTube channels for javascript developers and web designers. The list of videos come in various languages – feel free to choose one that suites your best!
Books
- HTML Tutorialspoint
A thorough tutorial on HTML (free pdf/486 pages). - Learn How To Code In HTML5 and CSS3
A free e-book about making websites in HTML5 and CSS for absolute beginners. - You don’t know JS
Book series diving deep into the core mechanisms of the JavaScript language. - Guide to Git and Github
A beginner friendly guide to using git and working with Github. - Introduction to HTTP
Introduction to HTTP, the stateless protocol underlying all of the web. - Introduction to the Command Line
A short and beginner friendly introduction to the command line, covering common commands that will make you immediately productive.
Learning
- A Complete Guide to Flexbox | CSS-Tricks
A comprehensive guide to the Flexbox Layout. - A Complete Guide to Grid | CSS-Tricks
A comprehensive guide to the Grid Layout. - Command Line Power User
A video series for web developers on learning a modern command-line workflow with ZSH, Z, and related tools. - CSS Grid
Complete video course all about CSS Grid. - Best Of JS
A site to check the best GitHub Repos for your favourite js framework. - CodeCademy
A series of interactive courses teaching the world how to code. Offering free and paid subscriptions across a variety of languages. - Codementor
A tool to get help from experienced developers in various coding languages on your learning journey. - Conquering Responsive Layouts
Made by Kevin Powell - Coursera
A selection of courses from highly reputable schools like Stanford and Yale. - CSS Almanac | CSS-Tricks
A quick reference guide to many features of CSS. - CSS Grid Playground
A visual guide curated by the Mozilla team to help you learn CSS’s grid layout features with lots of code example and demos. - Design Resources
Design Resources from Skullface. - dev.to
Where programmers share ideas and help each other grow. - DevProjects
A free community consists of curated projects from senior developers to help you bridge the gap between theory and practice. - Dicoding Academy
Where everyone can learn programming from fundamentals (Available only in Indonesian language). - edx
A series of University-level courses from Harvard, MIT, Wharton, and more. - EggHead
Web development video tutorials in “bite-size” segments. Has both free and “Pro” (paid) memberships. - Flexbox
Level up your Flexbox knowledge – an online, Zombie-centric story course. - freeCodeCamp
A free resource incorporating programming projects and interview preparation for developer jobs. - Frontend Masters
Web development video tutorials from industry leaders (updated frequently). Has both free (limited-time) and paid memberships. - Full Stack Open
Course on Full Stack Web Development by University of Helsinski. Learn React, Redux, Node.js, MongoDB, GraphQL and TypeScript in one go! This course will introduce you to modern JavaScript-based web development. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js. - GeeksforGeeks
A computer science portal for geeks. - Khan Academy
A universal online learning platform that also provides the important courses for developers. - LearnAnything
Search interactive mind maps to learn anything. - Mastering Markdown
A Mini Series that will change how you write documentation. - Mozilla Developer Network
The latest information about Open Web technologies. - Complete web development tutorials
Lyty.dev complete web development tutorials with well explained examples for free. - Pluralsight
Unlimited online developer training from industry experts. - Saylor
An open, online learning solution offering college credit opportunities for students. - Scrimba
Code-screencast-based learning in a variety of languages. - Scotch
Many Web development courses. Has both free and “Premium” (paid) memberships. - Search Courses
A selection of trending courses and tutorials. - SoloLearn
A free portal for learning web development. - Team Treehouse
Self-paced learning across a variety of languages and subjects. - The Modern JavaScript Tutorial
Everything about the Javascript Language. - The Odin Project
An Open-Source Curriculum for Learning Web Development. - Tutorials point
Tutorials for many different languages with interactive code examples. - Udacity
Learn anything online – deep learning, machine learning, front end languages. - Udemy
An online learning and teaching marketplace. - W3School
Web development reference library. Covers HTML, CSS, Javascript (jQuery, AJAX, and more), as well as some server-side languages. Includes descriptions and interactive examples. - Web APIs | MDN
Everything a beginner needs to know about Web APIs. - Web Design in 4 minutes
by Jeremy Thomas. - WesBos
Free and premium courses in web development. - Web Dev Tricks
All your CSS, js, jQuery trending codes with source codes in one place. Your handy partner for all types of modern web development and designs. - web.dev
Guides and resources for modern fast websites by google developers. - Become a Front-End Web Developer
Develop competency with HTML, CSS, JavaScript, and jQuery. - Web Skills
A visual overview of useful skills to learn as a web developer.
No code. No hassle.
Divi takes the power and freedom of WordPress and adds a wonderful visual design interface on top. Now you get the best of both worlds.
WordpressGAME CHANGER!
RELATED
Other Related Posts
YouTube Channels
- 1stWebDesigner – Tutorials on WordPress, PSD to HTML.
- Academind – There’s always something to learn. Whether you want to have look at Angular Tutorials or Guides, Vue.js, other Frontend Development Content or Data Science Topics or anything else – you’re probably right.
- Adrian Twarog – Tutorials on HTML, CSS, Bootstrap, JavaScript, React, React, Native, UI/UX and cool Designing stuff.
- Alex Carpenter – HTML, CSS, & JavaScript
- Ana Tudor – CSS and SVG animation
- AngularAir – A live videocast all about Angular
- Ania Kubów – Teaching JavaScript, HTML and CSS in game form
- Ben Awad – React, React Native, Redux, MobX, GraphQL, Next.js, software architecture
- Brad Hussey – Tutorials on Bootstrap, SASS, jQuery, PHP, Freelancing.
- Byte-Sized Javascript – short (five-to-ten minute) screencasts about JavaScript and related technologies
- Chris Coyier – HTML, CSS, JavaScript, a lot of screencasts
- CJ Gammon – Snap.svg, Three.js
- Clever Programmer – Tutorials on React, MongoDB, JavaScript, MERN stack, HTML, CSS, React Native.
- ClojureTV – Clojure
- Coder’s Guide – Tutorials on HTML, CSS, JavaScript, Bootstrap.
- Codevolution – Tutorials on React, Vue, Angular, MongoDB, JavaScript, MEAN stack, HTML, CSS.
- CodeWithHarry – Tutorials on HTML, CSS, Javascript, Node JS, MongoDB and hosting.
- CodeWorkr – JavaScript, Node.js, REST API
- Coding Math – An ongoing series of video tutorials designed to teach you the math you need to understand as a programmer
- Coding with Dom – Javascript, End-to-end testing, NightwatchJS, live coding
- CodyHouse – CSS, Sass, tutorials, screencasts
- Computerphile – Lots of videos on general computer science topics
- CSS Grid Tutorial – Use CSS grid to structure and position websites with ease.
- CSS Tricks – YouTube channel of well-known web design and development blog CSS Tricks by Chris Coyier.
- Daniel Stern – JavaScript, Node.js
- Dennis Ivy – Tutorials on Django & Flask Full-Stack Web Development Projects.
- Derek Banas – Tutorials on C#, Visual Basic, Django, Python, NodeJS, AngularJS, MongoDB, jQuery, JavaScript, CSS, Ruby on Rails, Java, SQLite, Android, HTML, PHP, Objective C.
- Design Code Blade Nepal – CSS, JavaScript, Node.js, Angular
- DesignCourse – Tutorials on UI/UX Design or HTML5, CSS, SASS, Animation Library.
- Dev Coffee – Meteor, React.js
- Dev Ed – Learn web development, web design, 3d modelling, tools like figma and more.
- DevMarketer – Git, Vue.js
- devmentorlive – React, JavaScript, ES6, functional programming, programming practices
- DevTips – Tutorials on HTML5, CSS, SASS, Bootstrap, Foundation, jQuery, Ruby on Rails, GitHub.
- Dr Richard Stibbard – jQuery UI
- easydevtuts – Bootstrap, Foundation, Sass
- Elzero Web School – Arabic only.
- Envato Tuts+ – HTML, CSS
- Facebook Developers – JavaScript, React
- Flexbox in 20 minutes – Quick crash-course on the CSS Flexbox model.
- freeCodeCamp – Tutorials on JQuery, JavaScript, React, Math, Science, Software Engineering, Open source software.
- Front End TV – JavaScript, ES6, Node.js
- Fun Fun Function – Tutorials on JavaScript, React, Functional Programming, GraphQL, Life as a Developer.
- funfunfunction – JavaScript, ES6, functional programming, programming practices
- Git and GitHub for Beginners – Crash Course – Ad-free tutorial by freeCodeCamp.
- GitHub Training & Guides – All about GitHub from GitHub Training team
- Google Chrome Developers – Latest and greatest talks on modern web development with pro-tips, insights, and techniques to help you level up your web development skill.
- Google Developers – Tools, events recordings
- Helping Develop – jQuery, HTML, CSS
- Ihatetomatoes – GreenSock, ScrollMagick, tools
- Jakob Jenkov – SVG
- Java Brains – JavaScript, Angular
- Kent C. Dodds – Javascript, React, live coding
- kevinpowell – HTML, CSS, Layout/Design and JavaScript
- keyframers – CSS, Sass, animations, tutorials, live coding, screencasts
- Kirupa Chinnathambi – Javascript, CSS, HTML
- Kyle Robinson Young – JavaScript, Node.js, Ember.js, Electron, Browserify
- LearnCode.academy – Tutorials on HTML, CSS, jQuery, JavaScript, React JS / Redux, Node JS.
- LearnWebCode – RWD, HTML, CSS, JavaScript, jQuery
- LevelUpTuts – Tutorials on HTML, CSS, SASS, WordPress, Magento,Drupal, React, Meteor.
- Low Level JavaScript – JavaScript
- Mackenzie Child – Design to Code Challenge – Tutorials on UI, how to design & code multiple styles of sites.
- Meteor – Videos on Meteor and stuff around it
- Meth Meth Method – Game development with JavaScript
- Mindspace – Node.js, Angular, ReactJS, Redux, Vue.js
- mjdwebdesign – CSS, HTML, JavaScript
- Mozilla Developer – Videos for helping you with your work as a web designer, web developer, or person involved making websites or web apps.
- OK GROW! – Meteor, HashBang podcast, Transmission podcast
- Paul Lewis – JavaScript, WebComponents, HTML, CSS
- Prisma – GraphQL
- Programming With Mosh – Tutorial on React, Nodejs, Python, Javascript, Angular,Typescipt and C#.
- Quentin Watt – HTML, CSS, Bootstrap, JavaScript
- Rally Coding – React and Redux, JavaScript
- ReactCasts – Weekly, short React screencasts containing tips, tricks and tutorials
- Rem Zolotykh – React, Redux, Ember
- RoboSquidTV – Basics of HTML/CSS, CSS animations, live web design
- Ryan Christiani – ES6, JavaScript focused code-alongs
- Sam Saccone – Performance optimization
- Sass Bites Podcast – Sass
- SitePoint – HTML, CSS, JavaScript, Sass, Web Design
- SketchpunkLabs – WebGL 2 screencasts
- Sonny Sangha – Project Tutorials on React, Redux, Next JS & React Native.
- Source Decoded – JavaScript, Coding Principles
- SVGs can do that – Sarah Drasner’s talk on nontypical pratical uses of SVGs.
- The Coding Train – Tutorials on JavaScript, Node, Machine Learning, Neural Networks, Algorithms.
- The Net Ninja – Tutorials on HTML, CSS, jQuery, JavaScript, Git and GitHub, Bootstrap, MangoDB, PSD to WordPress, PSD to HTML, and many more.
- The Web Platform Podcast – Podcast about HTML, CSS, JavaScript, tools, workflow and much more
- TheDigiCraft – Tutorials on HTML, CSS, jQuery, PHP, Ajax, Bootstrap, MySQL.
- thenewboston – Tutorials on ECMAScript 6, React JS / Redux, Django, Angular 2, Gulp, Git, Python, SEO, SASS, SCSS, Grunt, Illustrator, MongoDB, PHP, Java, Ruby, Objective C.
- Tim Ermilov – Building products with JavaScript, from an idea to production-ready product
- Traversy Media – Tutorials on HTML, CSS, jQuery, PHP, Ajax, Bootstrap, MySQL, ECMAScript 6, React JS / Redux, Django, Angular, Ionic, Gulp, Git, Python, Node JS, PHP, Laravel, Cake PHP, Symfony, CodeIgniter, Programming Tips.
- Treehouse – CSS, HTML, JavaScript
- Up & Running Tutorials – React, Gatsby
- Watch and Learn – Building SPA with Vue.js and Drupal
- WB Web Development – Tutorials on HTML, CSS, Bootstrap, SASS, JavaScript, Git and GitHub, MongoDB, NodeJS, ReactJS.
- Web Dev Simplified – Learn Website Developments with Html , Javascript , Css and other Frameworks with same projects and more.
- Wes Bos – Redux, Markdown, command line, Flexbox, Sublime Text
- Zaiste Programming – TypeScript/JavaScript & Node.js
- Zell Liew – Tooling, tips & tricks
Podcasts
- Coding Blocks
Software development podcasts by a team of professional programmers. - Frontend Happy Hour
Front end, software, and career development podcasts by industry panelists. - JavaScript Jabber
Podcasts for JavaScript developers. Website also offers many other programming-related podcasts. - Syntax
Front end development podcasts by Wes Bos and Scott Tolinski from Level Up Tuts.
No code. No hassle.
Divi takes the power and freedom of WordPress and adds a wonderful visual design interface on top. Now you get the best of both worlds.
WordpressGAME CHANGER!
Bookworm Videos
Watch videos about books, reading and writing. Expect weird, amazing, never known before facts and many more.
INTERNET / DIGITAL MARKETING HUB
Download free Internet Marketing Ebooks, comprehensive tips & tricks and informative infographics.
