Full stack for frontend kho tài liệu bách khoa

Full Stack for Frontend Engineers Frontend Masters Jem Young Senior Software Engineer ● Slides Serious Business ○ jemyoung.com/fefs ● Tools ○ Windows ■ Github for Desktop ● github shell ■ Powershell ○ MacOS/OSX ■ terminal How does the internet work? http://www.cisco1900router.com/wp-content/uploads/2013/03/1-tutorial-osi-7-layer-model.gi f Things you’ll learn ● ● ● ● ● Level up your command line skills How the internet works How to create and manage a web server Create a deploy system for a Node app Build a basic web page Part getting started ● ● ● ● ● Domains DNS Command line basics VIM logging in Domains DNS IP Address - 127.0.0.1 DNS - Maps IP addresses to domains IP - Internet Protocol DNS - Domain Name System “The internet phonebook” Gulp $ npm i -g gulp install Gulp Gulp $ sudo mkdir -p /usr/local/lib/node_modules https://docs.npmjs.com/getting-started/fixing-npm-permissions How we keep our app up and running? Forever Forever- a process manager that keeps a process running indefinitely Similar: ● Strong Loop Process Manager ● PM2 Exercise Run Forever Run Forever $ pwd /var/www/app $ npm i -g forever Run Forever $ sudo mkdir /var/log/forever create a log file for the forever process $ sudo chown -R $USER /var/log/forever change owner to current user Run Forever $ forever start app.js >> /var/log/forever/forever.log start forever and log the output Exercise tailing a log file Tail $ sudo tail -f /var/log/auth.log Exercise Putting it all together package.json "scripts": { "deploy": "gulp deploy && forever stopall && forever start app.js >> /var/log/forever/forever.log" } https://github.com/young/Full-Stack-For-Frontend/blob/master/package.json#L7 Build and Deploy $ npm run deploy HOORAY!! Further Exploration ● ● ● Complete project ○ https://github.com/young/Full-Stack-For-Frontend Make your site secure with Lets Encrypt and Acme Tiny ○ https://github.com/diafygi/acme-tiny Use Fail2Ban to prevent attackers from brute forcing ○ https://www.digitalocean.com/community/tutorials/how-to-protect-ssh -with-fail2ban-on-ubuntu-14-04 ... Senior Software Engineer ● Slides Serious Business ○ jemyoung.com/fefs ● Tools ○ Windows ■ Github for Desktop ● github shell ■ Powershell ○ MacOS/OSX ■ terminal How does the internet work? http://www.cisco1900router.com/wp-content/uploads/2013/03/1-tutorial-osi-7-layer-model.gi... line skills How the internet works How to create and manage a web server Create a deploy system for a Node app Build a basic web page Part getting started ● ● ● ● ● Domains DNS Command line basics... “Hello, world!” press enter type “Hello, class!” press esc type /Hello press enter press n to search forward press N to search backward VIM https://linuxmoz.com/vi-commands-cheat-sheet/ http://vim.wikia.com/wiki/Copy,_cut_and_paste