Web Design & Development
Web Design and Development are the skills of creating websites and making them do things.
Web design focuses more on the appearance, layout, and user interface (UI) aspects of web pages, and web development focuses more on back- and front-end programming to make a web site do something, rather than being a static document.
In our collections
Learning Web Design by Call Number: 006.7 NIEDERST ROBBINS 2018ISBN: 9781491960202Publication Date: 2018-05-21Do you want to build web pages but have no prior experience? You'll begin at square one, learning how the web and web pages work, and then steadily build from there. By the end of the book, you'll have the skills to create a simple sites.
Bootstrap in 24 Hours, Sams Teach Yourself by Call Number: 006.78 KYR 2016ISBN: 9780672337048Publication Date: 2015-11-04This book is a quick, hands-on introduction to building responsive web sites with the powerful yet easy to use Bootstrap front end framework.
HTML5 by Call Number: 006.74 HTML 2015ISBN: 9780071841559Publication Date: 2015-01-27Master HTML and HTML5 in 20 lessons--online video tutorials included! Based on the author's successful online courses, this complete, integrated learning tool provides easy-to-follow lessons that feature clear explanations, sample code and exercises, and video tutorials.
- Search for web design books in the Catalogue
Search the Winnipeg Public Library's catalogue for web design. - Search for web development books in the CatalogueSearch the Winnipeg Public Library's catalogue for web development.
Vidoes on Web Design & Development
- Courses in Web Design & Development on LinkedIn Learning
LinkedIn Learning had many great courses and tips on Web Design & Development. If you aren't already logged in at LinkedIn Learning you will need to select "Sign in" then "Sign in with your library card" then enter "www.linkedin.com/learning-login/go/winnipegpubliclibrary" as the library ID and finally use your WPL card number and PIN to sign in. - Kanopy - Designing A Website
The worldwide web has given birth to a new profession - the website designer. What does a website designer do? How do you design a website that works? Mark Shufflebottom, lecturer in interactive media design at Bournemouth University and Catherine Tidnam, web manager of the Food & Drink Federation, give their views. - Khan Academy - Computer Programming
Khan academy provides free courses and instructional videos in many subjects, including Computer Programming. The Computer Programming materials focus on core Web languages such as HTML, CSS, and JavaScript. - Codecademy - Web Development
Some introductory courses in HTML, CSS, and JavaScript are free. However, moving on to more advanced topics costs money. - edX - CS50 Web Development
This course picks up where CS50 leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Flask, Django, and Bootstrap. - edX - Web Design & Development
edX offers university and certification-level courses for free. Search their courses for "Front End Web Development" to find relevant courses. - CodeNMore YouTube Channel - Intro to Web Development
Learn how to craft a full website with - no prior experience is required to follow along
Web Design & Development Software
- Visual Studio Code
Visual Studio Code is a free code editor from Microsoft that isn't as huge or daunting as their full Visual Studio suite. - Notepad++
Notepad++ is a free source code editor and Notepad replacement that supports several languages. For Windows computers. - Sublime Text
Sublime Text is a code editor for Mac and Windows computers. - Affinity Photo
Not free, but not out of reach, Affinity Photo is growing in popularity. For Windows and Mac PCs and Apple iPads. - Photoshop
The name Photoshop is synonymous with digital photo editing. While not free (far from it) there is student and education pricing if you qualify for it. - Paint.net
Simple and free photo editor for Windows PCs with wide support and many plugins that can extend its capabilities. - GIMP
GIMP is open source software's answer to photoshop. Free in all senses of the word, GIMP is a powerful digital photo editing package. GIMP has a reputation for being confusing for people who have used other photo editors. To help with this, here's a great article on How to Make GIMP Work More Like Photoshop.
