{"product_id":"how-to-build-your-portfolio-mark-h-webster-9798605720416","title":"How To Build Your Portfolio Website From Scratch!: Step-By-Step Training, Using Responsive HTML5, CSS3, Jquery \u0026 Photoshop","description":"This book is primarily designed be used in a classroom, though it can be, and is frequently, used for self paced learning. In my college classrooms, this is two 5 credit classes, or 22 six hour days of student work. \u003cp\u003e\u003c\/p\u003eThis book alone will not make you a web developer. Though it could be a great first book, especially if you prefer building things in a sequential fashion, as opposed to reading about concepts. \u003cp\u003e\u003c\/p\u003eMy students have told me repeatedly over the years that this book is better than anything they can find in a bookstore. I wrote it because I was unable to find a textbook that built a functional, but also pretty, website from scratch. You can buy books that teach how to write the code, but skip most of the design. You can also buy books that teach you the design, but skip, or give you the harder code pre-written. I've written this book to do it all. \u003cp\u003e\u003c\/p\u003eWe will start with some very simple code and gradually add complexity and beauty. As we build out the code, we will take time to do interface design work, including graphic slicing in Photoshop and Illustrator. We'll build a series of increasingly complex mobile friendly web sites. Each time I introduce a new HTML element or CSS style sheet rule I explain why I'm doing it, and demonstrate what it does. As you work along with the book, you will see your webpage unfold in front of you. \u003cp\u003e\u003c\/p\u003e I cover FTP uploading to a remote server using three different platforms: Filezilla, CPanel and Dreamweaver. \u003cp\u003e\u003c\/p\u003eWe will do 3 complete menu systems, including a drop down menu controlled, on mobile devices, with a hamburger toggle button, which we will program with Jquery. \u003cp\u003e\u003c\/p\u003eWe will build a search engine friendly resume page that is not only pretty, but fully responsive. \u003cp\u003e\u003c\/p\u003eWe will build several versions of a Masonry style thumbnail gallery featuring mobile friendly Photoswipe powered animations to the full size images. \u003cp\u003e\u003c\/p\u003eWith Flexbox, we will build the Holy Grail of web design: two fixed width side columns (with action boxes) with a liquid expanding center column, and we'll make it responsive. \u003cp\u003e\u003c\/p\u003e I will cover responsive video and I'll demonstrate how to use PHP includes to simplify navigation menu changes across the website. \u003cp\u003e\u003c\/p\u003e One last thing: included in the download files is my free custom Wordpress theme. With the skills you will have after working through this book, you can install my theme on an existing Wordpress site and suddenly it will look just like the site from this book. But now it's running in Wordpress with all the back end power that brings. You can see that theme running on my blog on my personal website. \u003cp\u003e\u003c\/p\u003eThe book includes lesson files with all the finished code for each project. This includes images, Jquery \/ JavaScript files and libraries. For those that have Adobe software I've included the Photoshop and Illustrator files I use for mocking up and slicing interface elements, as well as the exported images. \u003cp\u003e\u003c\/p\u003eChapters: Project 1 Create a webpage with images in Notepad\u003cbr\u003eProject 2 - Upload index and gallery online\u003cbr\u003eProject 3 - Masonry GalleryProject 4 - Contact \u0026amp; Resume pages\u003cbr\u003eProject 5 - Animation page \u0026amp; animated banner\u003cbr\u003eProject 6 - Columns with FlexBox\u003cbr\u003eProject 7 - Gallery Animations - Mobile\u003cbr\u003eProject 8 - Responsive Columns\u003cbr\u003eProject 9 - Hamburger menu for mobile\u003cbr\u003eProject 10 - Menu Remodel - Flat\u003cbr\u003eProject 11 - Menu Remodel - Flexbox\u003cbr\u003eProject 12 - Externalize JavaScript\u003cbr\u003eProject 13 - Responsive Video\u003cbr\u003eProject 14 - Dynamic Footer - Library Item\u003cbr\u003eProject 15 - PHP includes\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAuthor:\u003c\/b\u003e Mark H. Webster\u003cbr\u003e\u003cb\u003eISBN-10:\u003c\/b\u003e 8605720417\u003cbr\u003e\u003cb\u003eISBN-13:\u003c\/b\u003e 9798605720416\u003cbr\u003e\u003cb\u003ePublisher:\u003c\/b\u003e Independently Published\u003cbr\u003e\u003cb\u003eLanguage:\u003c\/b\u003e English\u003cbr\u003e\u003cb\u003ePublished:\u003c\/b\u003e 01\/28\/2020\u003cbr\u003e\u003cb\u003ePages:\u003c\/b\u003e 210\u003cbr\u003e\u003cb\u003eFormat:\u003c\/b\u003e Paperback\u003cbr\u003e\u003cb\u003eWeight:\u003c\/b\u003e 1.51lbs\u003cbr\u003e\u003cb\u003eSize:\u003c\/b\u003e 11.02h x 8.50w x 0.55d","brand":"Mark H. Webster","offers":[{"title":"Paperback","offer_id":46070336553215,"sku":"9798605720416","price":55.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0662\/2982\/9887\/files\/img_b283d504-b80a-46fa-b798-2fdf2dd656d1.jpg?v=1724242960","url":"https:\/\/www.whiterainbookhouse.com\/products\/how-to-build-your-portfolio-mark-h-webster-9798605720416","provider":"WR Book House","version":"1.0","type":"link"}