Build a portfolio site with Google Docs and node.js (plus ai2html, d3, HTML, handlebars, etc)
A tutorial on building a portfolio website using final_final_v2_truefinal - https://github.com/jsoma/final_final_...
BASIC LINKS
final_final repo: https://github.com/jsoma/final_final_...
Google Docs template: https://docs.google.com/document/d/12...
INSTALLING NODE.JS AND NPM
To install node.js and npm on OS X: run "brew install node" on the terminal (...if you have homebrew set up! if you don't know what that is, use the installer from https://nodejs.org/en/download/. I recommend the homebrew version if you use the command line at all.)
To install node.js and npm on Windows: Download the windows installer from https://nodejs.org/en/download/
OTHER RELATED VIDEOS
HTML/CSS tutorial: • Lazy basics of HTML CSS and JavaScript
How to build a Svelte app: • How to build news applications with S...
Basic scrollytelling: • Building a scrollytelling site with s...
Using ai2html: • ai2html: exporting, custom fonts and ... + some older vids at • ai2html: A Baby Steps Introduction to... (note that final_final's import system depends on you using the technique from the FIRST video, not the resizer script one from these old videos)
THE TOOLS WE ARE USING
GitHub Desktop: https://desktop.github.com/
Handlebars: https://handlebarsjs.com/
Parcel: https://parceljs.org/
ArchieML: http://archieml.org/
ai2html: http://ai2html.org/
node.js: https://nodejs.org/
TIMELINE
00:00 Intro
01:26 Copying the template into your own repo
04:22 Intro to node.js + package.json
05:25 Installing dependencies
06:29 Running the app
08:05 Editing web pages
09:30 Adding a basic HTML project
11:36 Adding another basic HTML project
13:01 Handlebars templates and partials
17:10 Adding a footer with a new partial
19:20 Compiled vs. source files
20:50 Adding Google Docs pages
28:21 More partials and ArchieML/Handlebars variables
32:15 Adding another Google Docs page
35:00 Adding a 3D scrollytelling story
36:41 Adding an ai2html story
42:24 Building and publishing our site
45:39 Changing the site to publish from /docs
Смотрите видео Build a portfolio site with Google Docs and node.js (plus ai2html, d3, HTML, handlebars, etc) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Jonathan Soma 18 Июль 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 85 раз и оно понравилось 1 людям.