Flask 101
Last updated
Last updated
āđāļāđāļĪāļāļĐāđāļāļēāļĄāļĒāļēāļĄāļāļĩāļāļąāļāđāļĨāđāļ§āļāļĢāļąāļāļāļąāļāļāļāļāļ§āļēāļĄāļāļāļāļāļĩāļĢāļĩāđāļĒāđ Flask 101 āļāļķāđāļāļāļ°āđāļāđāļāļāļēāļĢāđāļāđāļāđāļāļĩāļĒāļāļ āļēāļĐāļēāđāļāļāļāļ āđāļāļĒāļāļģāļĄāļēāļāļĢāļ°āļĒāļļāļāļāđāđāļāđāļāļēāļāđāļāļāđāļēāļ Web Development āļāļķāđāļāļāļ°āļŦāļĄāļēāļĒāļāļķāļāļāļēāļĢāļāļąāļāļāļēāđāļ§āđāļāđāļāļāđāđāļĨāļ°āđāļ§āđāļāđāļāļāļāļĨāļīāđāļāļāļąāļ āļāļķāđāļāļāļĄāđāļāļ°āļāļģāļ§āđāļēāđāļāļ·āđāļāļ āđ āļāļ§āļĢāļāļ°āļĄāļĩāļāļ·āđāļāļāļēāļāļ āļēāļĐāļēāđāļāļāļāļāļĄāļēāļāđāļēāļ āđāļĄāđāļāđāļāļāđāļāļāļ§āđāļēāļāļāđāļŦāļĢāļ·āļāļāļ°āđāļĢāļĄāļēāļāļĄāļēāļĒ āđāļāļēāđāļāđāļ§āđāļē āļĢāļđāđāļāļąāļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāļąāļ§āđāļāļĢ āļāļāļīāļāļāļāļāļāđāļāļĄāļđāļĨāļāđāļēāļ āđ āđāļāļāđāļŦāļāđāļāđāļāļŠāļāļĢāļīāļ(String) āđāļāđāļāļāļģāļāļ§āļāđāļāđāļĄ(Integer) āđāļāđāļāļāļĻāļāļīāļĒāļĄ(Floating Point) āļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāļąāļāļāđāļāļąāļ āļāļēāļĢāđāļĢāļĩāļĒāļāđāļāđāļāļēāļāļāļąāļāļāđāļāļąāļ āļāļēāļĢāļāļģāļŦāļāļāđāļāļ·āđāļāļāđāļ if-else āļāļ°āđāļĢāļāļĢāļ°āļĄāļēāļāļāļĩāđ āļāđāļāļ°āļāļģāđāļŦāđāđāļĢāļēāļŠāļēāļĄāļēāļĢāļāđāļāđāļēāđāļāđāļāđāļāđāļĨāļ°āļāļāļāļ§āļēāļĄāļāļĩāđāļāļĄāļāļģāļĨāļąāļāļāļ°āđāļāļĩāļĒāļāđāļāļāļāļāļāļĩāđāđāļāđāļāļĩāļĒāļīāđāļāļāļķāđāļ
āļāļĩāļāļāļĒāđāļēāļāļāļĩāđāđāļāļ°āļāļģāļāļ·āļāļāļ§āļĢāļāļ°āļĄāļĩāļāļ·āđāļāļāļēāļāļ āļēāļĐāļē HTML(Hyper Text Markup Language)āļĄāļēāļāđāļēāļāđāļāđāļāļāļąāļāļāļĢāļąāļ āđāļāļĢāļēāļ° HTMLāđāļāđāļāļ āļēāļĐāļēāļāļ·āđāļāļāļēāļāļāļāļāļāļēāļĢāļŠāļĢāđāļēāļāđāļ§āđāļāđāļĨāļĒ āđāļāļēāđāļ§āđāđāļŠāļāļāļāļĨāļāļāļāđāļāļāļāđ āđāļāđāļ āļāđāļāļāļ§āļēāļĄ āļĢāļđāļāļ āļēāļ āļ§āļīāļāļīāđāļ āļŊāļĨāļŊ āļāļķāđāļāļāļļāļāļāļāļāļĩāđāļāļ°āļĻāļķāļāļĐāļēāļŦāļĢāļ·āļāļāļģāđāļ§āđāļāļāļąāđāļ HTML āļāļ·āļāļ āļēāļĐāļēāđāļĢāļāļāļĩāđāļāļļāļāļāļ§āļĢāļāļ§āļĢāļĢāļđāđāđāļĨāļĒāļāļĢāļąāļ!! āļāđāļēāļĒāļąāļāđāļĄāđāļĄāļĩāļāļ·āđāļāļāļēāļāļāļĢāļāļāļĩāđ āđāļāđāļēāđāļāļĻāļķāļāļĐāļēāđāļāđāļāļĩāđāļāļĩāđāđāļĨāļĒāļāļĢāļąāļ w3school āļŠāđāļ§āļāļ āļēāļĐāļēāļāļąāļāđāļāļŦāļĨāļąāļāļāļēāļāļĻāļķāļāļĐāļē HTML āđāļĨāđāļ§ āļāļĄāļāđāđāļāļ°āļāļģāđāļŦāđāļĻāļķāļāļĐāļē CSS (Cascading Style Sheets) āđāļāļ°āļāļģ w3school āļāļķāđāļāđāļāđāļāļ āļēāļĐāļēāļāļĩāđāđāļāļēāđāļ§āđāļāļāđāļāđāļāļŦāļāđāļēāđāļ§āđāļāļāļ·āđāļ āđ āļāļĩāđāđāļĢāļēāđāļāļĩāļĒāļāļāļķāđāļāļĄāļēāļāļēāļ HTML āđāļŦāđāļāļĨāļēāļĒāđāļāđāļāļŦāļāđāļēāđāļ§āđāļāđāļāļāđāļāļĩāđāļĄāļĩāļŠāļĩāļŠāļąāļāļŠāļ§āļĒāļāļēāļĄ āļāđāļēāļŠāļāđāļ āļāļķāđāļāļāļĢāļīāļ āđ āđāļĨāđāļ§āđāļĢāļēāļāđāļŠāļēāļĄāļēāļĢāļāļĻāļķāļāļĐāļē CSS āđāļāļāļĢāđāļāļĄāļāļąāļāļāļąāļ HTML āđāļāđāļāļĢāļąāļ āđāļāļĢāļēāļ°āļŠāļāļāļāļąāļ§āļāļĩāđāđāļāđāļāļđāđāļāļąāļ āđāļĨāļ°āđāļĄāļ·āđāļāļĻāļķāļāļĐāļē HTML āđāļĨāļ° CSS āļāļāļĄāļĩāļāļ·āđāļāļāļēāļāđāļāļĢāļ°āļāļąāļāļŦāļāļķāđāļāđāļĨāđāļ§ āļāļēāļāļāļąāđāļāļāļĄāļāđāđāļāļ°āļāļģāđāļŦāđāļāđāļāļĒāļāļāđāļāļĻāļķāļāļĐāļēāļ āļēāļĐāļē JavaScript āļāļĢāļąāļ āđāļāļĢāļēāļ° JavaScritp āļāļąāđāļāļāļāļāļāļēāļāļāļ°āđāļāđāļŠāļĢāđāļēāļ UI Components āļŠāļ§āļĒāļāļēāļĄāļāđāļēāļ āđ āđāļĨāđāļ§āļĒāļąāļāļāđāļ§āļĒāđāļŦāđāđāļ§āđāļāđāļāļāđāļāļāļāđāļĢāļēāļĄāļĩāļāļēāļĢāļāļāļīāļŠāļąāļĄāļāļąāļāļāđāļāļĩāđāļāļĩāļāļąāļāļāļđāđāđāļāđāļāđāļ§āļĒāļāļĢāļąāļ āđāļāļĒāļāļąāļāļāļąāļāđāļĢāļāļāļĒāđāļēāļāļķāđāļāļĻāļķāļāļĐāļēāđāļāļĢāļĄāđāļ§āļīāļĢāđāļāļŦāļĢāļ·āļāđāļĨāļāļĢāļēāļĢāļĩāđ āđāļŦāđāļĻāļķāļāļĐāļēāđāļāļĢāļāļŠāļĢāđāļēāļ āđāļ§āļĒāļēāļāļĢāļāđ āđāļĨāļ°āļāļģāļāļ§āļēāļĄāđāļāđāļēāđāļāļāļąāļ JavaScript āļāđāļāļ āđāļāļ°āļāļģ w3school āđāļŦāļĄāļ·āļāļāđāļāļīāļĄ āđāļāļĒāđāļāļ·āđāļāļ āđ āļŠāļēāļĄāļēāļĢāļāļāļđāļ āļēāļāļāļĢāļ°āļāļāļāļāđāļēāļāļĨāđāļēāļ āđāļāļ·āđāļāļāļ§āļēāļĄāđāļāđāļēāđāļāđāļĨāļ°āđāļŦāđāļāļ āļēāļāļāļąāļāđāļāļāļĒāļīāđāļāļāļķāđāļāđāļāļĩāđāļĒāļ§āļāļąāļāļ āļēāļĐāļē 3 āļāļŦāļēāļĢāđāļŠāļ·āļāļāļąāđāļ FrontendCredit photo: https://me.me/i/html-css-js-mr-website-dev-human-d6d432644b47443c9632d8115cf6dcce
āđāļĄāļ·āđāļāđāļāđāļēāđāļāđāļāļĢāļāļŠāļĢāđāļēāļāļāļāļāļ āļēāļĐāļēāđāļĨāđāļ§ āļāļēāļāļāļąāđāļāļāđāļāđāļāļĒāđāļāļĻāļķāļāļĐāļēāđāļāļĢāļĄāđāļ§āļīāļĢāđāļāļŦāļĢāļ·āļāđāļĨāļāļĢāļēāļĢāļĩāđ āļāļĩāđāļāļģāļĨāļąāļāđāļāđāļāļāļĩāđāļāļīāļĒāļĄāļāļĒāļđāđāđāļāļāļāļāļāļĩāđāļāđāļāļ°āļĄāļĩ 3 āļāļąāļ§āļŦāļĨāļąāļ āđ āļāļ·āļ Angular, React āđāļĨāļ° Vue āđāļāļĒāļāļąāļ§ Angular.js āļāļ°āđāļāđāļāđāļāļĢāļĄāđāļ§āļīāļĢāđāļāļāļĩāđāļĄāļĩāļāļāļēāļāđāļŦāļāđāļŠāļļāļāđāļāļāļĢāļĢāļāļē 3 āļāļąāļ§āļāļĩāđ āđāļĨāļ°āļĄāļĩ Learnig Curve āļŠāļđāļāļāļ§āđāļēāđāļāļĢāđāļāļ·āđāļāļ āļŠāđāļ§āļāļĢāļāļāļĨāļāļĄāļēāļāļ·āļ React.js āļāļķāđāļāļāļ°āđāļŦāđāļāļ§āđāļēāđāļāļāļąāļāļāļļāļāļąāļāļĄāļĩāļāļēāļĢāļāļđāļāļāļķāļ React.js āļāļąāļāļāļĒāđāļēāļāļāļ§āđāļēāļāļāļ§āļēāļāđāļĨāļ°āđāļāđāļāļāļĩāđāļāļīāļĒāļĄāđāļāļāļāļ°āđāļĢāļĩāļĒāļāđāļāđāļ§āđāļēāļĄāļēāļāļāļĩāđāļŠāļļāļāļāļāļāļāļĩāđāđāļāđāļŦāļĨāđāļēāļāļāļāđāļāļĢāļŦāļĢāļ·āļāļāļĢāļīāļĐāļąāļāļāļąāđāļāļāļģ āļŠāđāļ§āļāļāļąāļ§āļŠāļļāļāļāđāļēāļĒāļāļ·āļ Vue.js āļāļķāđāļāļāļąāļ§āļāļĩāđāļāļ°āđāļĢāļĩāļĒāļāļĢāļđāđāđāļāđāđāļ§āđāļĨāļ°āļāđāļēāļĒāļŠāļļāļ āđāļĨāļ°āđāļāđāļāļāļĩāđāļāļīāļĒāļĄāļŠāļļāļ āđ āđāļĄāđāđāļāđ React.js āđāļāđāļāļāļąāļāđāļāļāļāļāļāļĩāđ āļŠāđāļ§āļāđāļāļ·āđāļāļ āđ āļāļĒāļēāļāļĻāļķāļāļĐāļēāļāļąāļ§āđāļŦāļ āļāđāđāļāļāđāļāļŦāļēāļāđāļāļĄāļđāļĨāđāļāļīāđāļĄāđāļāļīāļĄāđāļāļ·āđāļāļāļđāļ§āđāļēāļāļąāļ§āđāļŦāļāđāļŦāļĄāļēāļ°āļŠāļĄāļāļąāļāđāļĢāļēāļĄāļēāļāļāļĩāđāļŠāļļāļ āđāļĨāđāļ§āļāđāđāļĨāļ·āļāļāļĻāļķāļāļĐāļēāļāļąāļ§āļāļąāđāļāļāļĢāļąāļ
āļāļĨ.āđāļāļāļāļāļ§āļēāļĄāļāļĩāđāļĒāļąāļāđāļĄāđāđāļāđāļĄāļĩāļāļēāļĢāļāļĢāļ°āļĒāļļāļāļāđ JavaScript āđāļāđāļēāļĄāļēāđāļāđāļāļĒāđāļēāļāļāļĢāļīāļāļāļąāļ āļāļ°āļĄāļĩāđāļāļĩāļĒāļāđāļāđ HTML āđāļĨāļ° CSS āļāļķāđāļāļāđāļāļ·āļāļ§āđāļēāđāļāļĩāļĒāļāļāļāđāļĨāđāļ§āđāļāđāļāļ·āđāļāļāļāđāļ
āđāļāļĢāļīāđāļāļāļģāļāļąāļāđāļāļāļāļŠāļĄāļāļ§āļĢ āļāļĄāļāļāļāļĨāļąāļāļĄāļēāļāļĩāđāļāļĢāļ°āđāļāļāļāļāļāđāļĢāļēāđāļāļ§āļąāļāļāļĩāđāļāđāļāļ·āļ Flask āļāļķāđāļāļāļĄāļāļ°āđāļāđ Flask āđāļāļāļēāļĢāļāļģāļāļēāļāļāđāļēāļ Server Side āļŦāļĢāļ·āļāļāļĩāđāļŦāļĨāļēāļĒ āđ āļāļāđāļĢāļĩāļĒāļ Backend āļāļąāđāļāđāļāļ āđāļāļĒāļāđāļēāļāļĒāļēāļāđāļāđāļēāđāļ Flask āđāļāļīāđāļĄāđāļāļīāļĄ āļāđāļŠāļēāļĄāļēāļĢāļāļāđāļēāļāđāļāđāļāļĩāđāļāļāļāļ§āļēāļĄ āļāļąāļāļāļēāđāļ§āđāļāđāļāļāļāļĨāļīāđāļāļāļąāļāļāđāļ§āļĒāļ āļēāļĐāļēāđāļāļāļāļ (Flask Framework) āļāļķāđāļāļāļĄāđāļāđāđāļāļĩāļĒāļāđāļ§āđāļāđāļāļāļŦāļāđāļēāļāļĩāđ āļŦāļĢāļ·āļāļĒāļīāđāļāđāļāļāļ§āđāļēāļāļąāđāļāļāđāļēāļāļĒāļēāļāļĢāļđāđāļāļĢāļ°āļ§āļąāļāļīāļāļāļāļĩāđāļŠāļĢāđāļēāļ Flask āļāđāļŠāļēāļĄāļēāļĢāļāļāđāļēāļāđāļāđāđāļāļīāđāļĄāđāļāļīāļĄāļāļēāļāļāļāļāļ§āļēāļĄāļāļĩāđ Programming Inspiration Ep.1 Armin Ronacher āļāļķāđāļāļāđāļēāđāļāļ·āđāļāļ āđ āļāđāļēāļāđāļŠāļĢāđāļ āļāļāļāļāļĩāđāļāđāļāļāļāļ°āđāļāđāļēāđāļ Flask āđāļāļĢāļ°āļāļąāļāļŦāļāļķāđāļāđāļĨāđāļ§ āđāļĢāļēāļĄāļēāđāļĢāļīāđāļĄāļŠāļĢāđāļēāļāđāļāļĢāđāļāļāļāđāđāļāļāļĢāđāļāļĄ āđ āļāļąāļāđāļĨāļĒāļāļĢāļąāļ
āđāļāļĒāļāļĩāļĢāļĩāđāļĒāđ Flask 101 āļāļ°āđāļāđāļāļāļēāļĢāļŠāļāļāļāļąāđāļāđāļāđāļāļĢāļ°āļāļ§āļāļāļēāļĢāđāļĢāļāļāļāļāļķāļāļāļĢāļ°āļāļ§āļāļāļēāļĢāļŠāļļāļāļāđāļēāļĒāļāļąāđāļāļāđāļāļ·āļāļāļēāļĢ Deploy āđāļāļĢāđāļāļāļāđāļāļāļāđāļĢāļē āļāļĨāđāļēāļ§āđāļāđāļāļāļąāļĒ āđ āļ§āđāļē āđāļĄāļ·āđāļāļŠāļīāđāļāļŠāļļāļāļāļĩāļĢāļĩāđāļĒāđāļāļĩāđ āđāļĢāļēāļāļ°āļĄāļĩāđāļ§āđāļāđāļāđāļāļāļāļāļāļąāļ§āđāļāļ 1 āđāļ§āđāļāļāļĢāļąāļ āļŠāđāļ§āļāļāļĨāļēāļ§āļāđ āļāļ°āđāļāđāļāļāļāđāļāđāļēāđāļŦāļāļāļąāđāļ āđāļāđāļ Heroku, PythonAnywhere, etc. āļāļąāļāļāļĩāđāļāđāļāđāļāļāļāļīāļāļāļēāļĄāļāđāļāđāļāļāļĢāļąāļ
āļŠāļĢāđāļēāļāđāļāļĢāđāļāļāļāđ āđāļāļĒāļāļēāļĢāđāļāļīāļ Command Prompt āļāļķāđāļāļĄāļē āđāļāļāļāļāļ§āļēāļĄāļāļĩāđāđāļāđ PowerShell āļāļāļ Windows10
1.1 āļŠāļĢāđāļēāļāđāļāļĨāđāļāļāļĢāđāļāļāļāđāļāļĢāđāļāļāļāđāļāļķāđāļāļĄāļē āļāļīāļĄāļāđāļāļģāļŠāļąāđāļ (flaskweb āļāļ·āļāļāļ·āđāļāļāļāļāđāļāļĢāđāļāļāļāđāļāļĩāđ)
1.2 āļāļĩāđāđāļāļāļĩāđāđāļāļĨāđāļāļāļĢāđāļāļāļāđāļāļĢāđāļāļāļāđ
1.3 āļŠāļĢāđāļēāļ Virtual Environment (fw āļāļ·āļāļāļ·āđāļāļāļāļ Virtual Environment āļāļāļāđāļāļĢāđāļāļāļāđāļāļĩāđ)
note: āļŠāļģāļŦāļĢāļąāļ mac/linux āđāļŦāđāđāļāđāļāļģāļŠāļąāđāļpython3 -m venv env
1.4 āļāļģāļāļēāļĢ Activate āļāļąāļ§ Virtual Environment
āļŦāļĢāļ·āļāđāļāļ·āđāļāļĢāļąāļāļāļ PowerShell āļāļāļ VS Code āļāđāđāļāđāļāļģāļŠāļąāđāļāļāđāļēāļāļĨāđāļēāļāļāļĩāđāđāļāļīāđāļĄāđāļāđāļēāļĄāļēāļāļ·āļ .ps1
note2: āļŠāļģāļŦāļĢāļąāļ mac/linux āđāļŦāđāđāļāđāļāļģāļŠāļąāđāļ env/bin/activate
1.5 āđāļāđāļāļāļąāļāđāļŠāļĢāđāļāļŠāļīāđāļāļāļąāđāļāļāļāļāļāļēāļĢāļŠāļĢāđāļēāļāđāļāļĨāđāļāļāļĢāđāđāļāļĢāđāļāļāļāđāđāļĨāļ° Virtual Environment āđāļĨāļ°āļāļ°āļŠāļąāļāđāļāļāđāļŦāđāļāļ§āđāļēāļĄāļĩ (fw) āļāļķāđāļāđāļāđāļāļāļ·āđāļāļāļāļ Virtual Environment āļāļāļāđāļāļĢāđāļāļāļāđāļāļĩāđāđāļŠāļĢāđāļāļŠāļīāđāļāļāļąāđāļāļāļāļ āļāļēāļĢāļŠāļĢāđāļēāļāđāļāļĨāđāļāļāļĢāđāđāļāļĢāđāļāļāļāđāđāļĨāļ° Virtual Environment
2. āđāļāļīāļ Visual Studio Code āļāļķāđāļāļĄāļē (āđāļāļĢāđāļāļāļāđāļāļĩāđāđāļāđ Visual Studio Code āđāļāđāļāļāļąāļ§ IDE)
āļāļāļāļāļĩāđāļāļĄāļāđāļŠāļēāļĄāļēāļĢāļāļĢāļąāļāđāļāļĢāđāļāļāļāđāđāļāđāđāļ PowerShell āļāļāļ VS Code āđāļāđāđāļĨāđāļ§ āđāļĄāđāļāđāļāļāđāļāļĢāļąāļāļāļĩāđ Command Prompt āļāđāļēāļāļāļāļ āļāļāļāļāļĩāđāđāļāļĢāđāļāļāļāđāļĒāļąāļāļāļēāļāļāļ°āđāļĢāļāļĢāļąāļ ? āđāļāđāđāļĨāđāļ§āļāļĢāļąāļ āļāļĄāļĒāļąāļāđāļĄāđāđāļāđāļāļīāļāļāļąāđāļ Flask āđāļāļāļĩāđāļāļąāđāļāļāļāļāļāđāļāđāļāđāļāđāđāļĨāļĒ
3. āļāļģāļāļēāļĢāļāļīāļāļāļąāđāļ Flask āđāļāļĒāļāļēāļĢāļāļīāļĄāļāđāļāļģāļŠāļąāđāļ
3.1 āļāļāļāļāļĩāđāļāļēāļĢāļāļīāļāļāļąāđāļ Flask āđāļŠāļĢāđāļāļŠāļīāđāļāđāļĢāļĩāļĒāļāļĢāđāļāļĒāđāļĨāđāļ§ āđāļāđāļāļāļđāļ§āđāļēāļāļāļāļāļĩāđāđāļāđāļāļĢāđāļāļāļāđāļĄāļĩāļāļēāļĢāļāļīāļāļāļąāđāļāđāļāđāļāđāļāļāļāļ°āđāļĢāļāđāļēāļ
āļāļ°āđāļŦāđāļāļ§āđāļēāļĄāļĩāđāļāđāļāđāļāļāļāļąāļ§āļāļ·āđāļ āđ āļāļĒāđāļēāļāđāļāđāļ Click, Jinja2, Werkzeug, etc āļāļķāđāļāđāļāđāļāđāļāļāđāļŦāļĨāđāļēāļāļĩāđāļāļ°āļāļĒāļđāđāđāļ Flask āļāļķāļāļāļđāļāļāļīāļāļāļąāđāļāđāļāđāļēāļĄāļēāļāļąāļāđāļāļĄāļąāļāļīāļāļĢāđāļāļĄāļāļąāļāļāļąāļ Flask
āļāļāļāļāļĩāđāļāļĄāļĒāļąāļāđāļĄāđāļĄāļĩāđāļāļĨāđāļāļĩāđāļāļ°āđāļāļāļāļāļāļĩāđāļāļ°āđāļāđāļŠāļģāļŦāļĢāļąāļāđāļāļĩāļĒāļ Flask āļāļķāđāļāđāļāļĨāđāļāļĩāđāđāļĢāļēāļāļ°āđāļĢāļĩāļĒāļāļ§āđāļē Main File āļāļķāđāļāļāļ°āđāļāđāļŠāļģāļŦāļĢāļąāļāđāļāļĩāļĒāļāđāļĨāļ°āļĢāļąāļ Flask App āļāļāļāđāļĢāļēāļāļąāđāļāđāļāļ āļāļģāļāļēāļĢāļŠāļĢāđāļēāļāđāļāļĨāđāļāļĩāđāļāļķāđāļāļĄāļēāđāļāđāđāļĨāļĒ
3.3 āļāļģāļāļēāļĢāđāļāļĩāļĒāļāđāļāđāļāļāļąāļāļāļĩāđ
āļāļĢāļĢāļāļąāļāđāļĢāļāļāļ°āđāļāđāļāļāļēāļĢāļāļīāļĄāļāļāļĢāđāļ Flask āļāļēāļāđāļĄāļāļđāļĨ flask āđāļāļ·āđāļāļŠāļĢāđāļēāļ Flask āđāļ§āđāļāđāļāļīāļĢāđāļāđāļ§āļāļĢāđāļāļāļ Flask App āļāļēāļāđāļĄāļāļđāļĨ Flask
āļāļģāļŠāļąāđāļāļāļĩāđāļāļ°āđāļāđāļāđāļāļāļāļāļ§āđāļē āđāļāļĨāđāļāļĩāđāļāļ·āļāđāļāļĨāđ Main āļāļĩāđāļāļ°āđāļāļēāđāļ§āđāļĢāļąāļ Flask App āļāļāļāđāļĢāļēāļāļąāđāļāđāļāļ
āļŠāđāļ§āļāļāđāļāļĄāļēāļāļ°āđāļāđāļāļāļēāļĢāļŠāļĢāđāļēāļ URL āđāļāļ·āđāļāļāļģāļāļēāļĢāļāļĩāđāļŦāļĢāļ·āļ Map āđāļāļāļĩāđ URLs āļāļĩāđāļāđāļāļāļāļēāļĢ āđāļāļĒāđāļāļāļĩāđāļāļĩāđ āļāļ°āđāļāđāļāļŦāļāđāļē URL āđāļĢāļīāđāļĄāļāđāļ āļāļķāđāļāļŠāđāļ§āļāđāļŦāļāđāļŦāļĢāļ·āļāđāļāļāļāļ°āļāļļāļāđāļ§āđāļāļāļ°āđāļāđ URL āļāļĩāđāđāļāđāļāļŦāļāđāļēāđāļŪāļĄāđāļāļāļŦāļĢāļ·āļāļāļĩāđāļāļĒāļđāđāļāļāļāđāļ§āđāļāđāļāļāđ
āđāļāļĒāļāļąāļ§ Default āļāļĩāđāļāļĄāļāļģāļĨāļąāļāļĢāļąāļāļāļĒāļđāđāđāļāļāļāļāļāļĩāđāļāļ·āļ localhost āļŦāļĢāļ·āļāđāļāļāļĩāđāļāļāđāļāļĢāļŠ 127.0.0.1 āļāļāļĢāđāļ Default āļāļāļ Flask āļāļ·āļ 5000 āļŠāļļāļāļāđāļēāļĒāđāļĄāļ·āđāļāļĢāļąāļāđāļĨāđāļ§āļāļģāļāļēāļĢāđāļāļīāļāļŦāļāđāļēāđāļ§āđāļāļāļĢāļēāļ§āđāļāļāļĢāđāļāļ°āļāļ 127.0.0.1:5000
āļŠāđāļ§āļāļāđāļāļĄāļēāļāđāļāļ·āļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāļąāļāļāđāļāļąāļ āđāļāļĒāđāļāđāļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāđāļŦāļĄāļ·āļāļāļāļąāļāļāļąāļāđāļāļāļāļāđāļāļĒāļāļąāđāļ§āđāļāđāļĨāļĒ āļāļąāļāļāļąāđāļāļāļĄāļāļķāļāļĒāđāļģāļ§āđāļē āļāļģāđāļĄāļāđāļāļāđāļĢāļĩāļĒāļ Flask āļŦāļĢāļ·āļāđāļĄāđāļ§āđāļēāļāļ°āđāļāđāļāđāļāļĢāļĄāđāļ§āļīāļĢāđāļāđāļ āđ āđāļĢāļēāļāļ§āļĢāđāļāđāļēāđāļāđāļāļĢāļāļŠāļĢāđāļēāļāđāļĨāļ°āđāļ§āļĒāļēāļāļĢāļāđāļāļāļāļ āļēāļĐāļēāļāļąāđāļāđāļŠāļĩāļĒāļāđāļāļ āđāļāļĒāđāļāļāļąāļāļāđāļāļąāļāļāļĩāđāļāļĄāđāļāđāļāļ·āđāļāļ§āđāļē home āļāļ°āļŦāļĄāļēāļĒāļāļķāļāļāļąāļāļāđāļāļąāļāļāļĩāđāļāļĄāļāļ°āđāļāļēāđāļ§āđāđāļāđāļŠāļģāļŦāļĢāļąāļ Map āđāļāļāļĩāđāļŦāļāđāļē Home page āđāļāļāļāļāļ§āļēāļĄāļāļąāļ āđ āđāļāļāļąāđāļāđāļāļ
āļŦāļĨāļąāļāļāļēāļāļāļĢāļ°āļāļēāļĻāļāļąāļāļāđāļāļąāļāđāļĢāļĩāļĒāļāļĢāđāļāļĒ āļāļĄāļāđāļāļ°āļāļģāļāļēāļĢāļĢāļĩāđāļāļīāļĢāđāļāļŠāļāļĢāļīāļāļŦāļĢāļ·āļāļāđāļāļāļ§āļēāļĄāļāļĢāļĢāļĄāļāļēāļāļāļāļī āđāļāļāļĩāđāļŦāļāđāļē URL āļāļĩāđāļāļĄāđāļāđāļāļāļāđāļāļāđāļ§āđāđāļāļāļąāđāļāļāļ·āļ 127.0.0.1:5000 āđāļāđāđāļāļāđāļēāļāļāļāđāļāļāļąāļāļāđāļāļąāļ @app.route(â\â) āđāļāđāđāļāđāđāļāļĢāļ·āđāļāļāļŦāļĄāļēāļĒ \ āļāļąāđāļāļāđāļāļ·āļāļāļĩāđāđāļāļāļĩāđāļŦāļāđāļēāđāļĢāļāļŦāļĢāļ·āļāļŦāļāđāļē Default
āļŠāđāļ§āļāļŠāļļāļāļāđāļēāļĒāļāļ°āđāļāđāļāļāļēāļĢāļĢāļąāļ Flask āđāļĨāļ°āļāļģāļāļēāļĢāđāļāļīāļ Debug Mode āđāļāļ·āđāļāđāļāđāļŠāļģāļŦāļĢāļąāļāļāļīāļāļāļēāļĄ Error āļāđāļēāļ āđ āđāļāđ
āļāļĨ. āđāļ§āļĨāļē Deploy āđāļŦāđāļāļīāļ Debug Mode āđāļāļĒāđāļāđ debug=False
3.4 āļāļģāļāļēāļĢāļĢāļąāļāđāļāļĒāđāļāđāļāļģāļŠāļąāđāļ flask run āļŦāļĢāļ·āļāđāļĄāđāļāđāđāļāđāļāļāļēāļĢāļĢāļąāļāđāļāļĨāđāđāļāļāļāļāđāļāļāļāļāļāļīāļāļąāđāļāļāđāļāļ·āļ python app.py āļŦāļĢāļ·āļ py app.py āļāļķāđāļāļāļĄāđāļāđāļāļąāļāļŦāļĨāļąāļāļŠāļļāļāđāļāļĢāļēāļ°āļŠāļąāđāļāđāļĨāļ°āļāļļāđāļāđāļāļĒāļāļąāļāļāļąāļāļāļĩāđāļĄāļēāļāļāļ§āđāļē
Great!! āļāļāļāļāļĩāđāļāļĄāļāđāđāļāđāļŦāļāđāļēāđāļ§āđāļāļĄāļēāđāļĨāđāļ§āđāļĢāļĩāļĒāļāļĢāđāļāļĒ āđāļĨāļ°āļāļĩāđāļāđāļāļ·āļāļŦāļāđāļēāđāļ§āđāļāļāļĢāļīāļ āđ āļāļĢāļąāļ āđāļāļĒāđāļāļŦāļāđāļēāđāļ§āđāļāļāļĩāđāđāļŠāļāļāļāļĨāļāļģāļ§āđāļē âHello My First Flask Projectâ āļāļĩāđāļāļĄāđāļāđāđāļāļĩāļĒāļāļāļąāļāļāđāļāļąāļāļāļēāļāļāļąāđāļāļāļģāļāļēāļĢāļĢāļĩāđāļāļīāļĢāđāļ āļāđāļāļāļ§āļēāļĄāļāļĩāđāļāļāļāļĄāļēāļāļĩāđ URL āļāļĩāđāđāļāđāļāļŦāļāđāļē Default āļāļ·āļāļŦāļāđāļēāđāļĢāļīāđāļĄāļāđāļāļāļāļāđāļ§āđāļ āļāļķāđāļāļāļāļāļīāđāļĢāļēāļāļ°āđāļāđāļŦāļāđāļēāļāļĩāđāđāļāđāļāļŦāļāđāļēāđāļŪāļĄāđāļāļ āļāļķāđāļāļĢāļēāļĒāļĨāļ°āđāļāļĩāļĒāļāļāļ°āļāļđāļāļāļķāļāđāļāļāļāļāļ§āļēāļĄāļāļąāļ āđ āđāļ
āđāļĨāļ°āđāļāđāļāļāļāļāļĢāļąāļāļ§āđāļē āļāļĄāļāļāđāļĄāđāđāļāđāđāļāļĩāļĒāļāđāļāļ·āđāļāđāļŠāļāļāļāļĨāļāļģāļŠāļąāđāļāļāļĩāđāđāļāļŦāļāđāļēāđāļ§āđāļāđāļĨāđāļ§āļāļģāļāļēāļĢ Deploy āļāļķāđāļāļāļĨāļēāļ§āļāđ āđāļāļĢāļēāļ°āļĒāļąāļāđāļāļāđāļāđāļāļāļĄāļĩāļāļēāļĢāļāļĢāļąāļāđāļāđāļāļŦāļāđāļēāđāļ§āđāļ āđāļĨāļ°āļĒāļąāļāļĄāļĩāļŦāļĨāļēāļĒāļāļĢāļ°āļāļ§āļāļāļēāļĢāļāļĩāđāļĒāļąāļāđāļĄāđāđāļāđāļāļđāļāļāļāļīāļāļēāļĒ āđāļāļēāđāļāđāļāļ§āđāļēāļāļāļāļāļĩāđāļāļĄāđāļāđāļŦāļāđāļēāđāļ§āđāļāļĄāļēāđāļĨāđāļ§ 1 āļŦāļāđāļē
āļāļĢāļąāļāļāđāļāļāļĨāļāđāļāđāļĨāđāļ§āļŠāļģāļŦāļĢāļąāļ Ep.1 āļāļķāđāļāļāļ°āđāļāđāļāļāļēāļĢāļŠāļĢāđāļēāļāđāļāļĢāđāļāļāļāđāļāđāļēāļāļāļāļĄāļĄāļēāļāļāđāđāļĨāļāđāđāļĨāļ°āļāļēāļĢāļŠāļĢāđāļēāļ Virtual Environment āđāļŦāđāļāļąāļāđāļāļĢāđāļāļāļāđāļāļāļāđāļĢāļē āļāļķāđāļāļāļĄāļāđāļŦāļ§āļąāļāļ§āđāļēāļāļāđāļāđāļāļāļĢāļ°āđāļĒāļāļāđāđāļŦāđāļāļąāļāđāļāļ·āđāļāļ āđ āļāļĩāđāļāļģāļĨāļąāļāļāļ°āđāļĢāļīāđāļĄāļāđāļāđāļāļĩāļĒāļ Flask āđāļāđāđāļĄāđāļĢāļđāđāļāļ°āđāļĢāļīāđāļĄāļāđāļāļĒāļąāļāđāļ āļŦāļĢāļ·āļāļāļ§āļāļŦāļąāļ§āļāļąāļāļāļēāļĢāļŠāļĢāđāļēāļ Environment āđāļŦāđāļāļąāļāđāļāļĢāđāļāļāļāđāļāļāļāđāļĢāļē āļāļĄāļāđāļŦāļ§āļąāļāļ§āđāļēāļāļāļāļ§āļēāļĄāļāļĩāđāļāļāđāļāđāļāļāļĢāļ°āđāļĒāļāļāđāđāļĄāđāļĄāļēāļāļāđāļāđāļāļĒ
āđāļĨāļ°āļŠāļģāļŦāļĢāļąāļ Ep āļāļąāļāđāļ āļāļķāđāļāļāļ°āđāļāđāļāļāļēāļĢāļŠāļāļāđāļĨāļ°āļāļāļīāļāļēāļĒāđāļāļĢāļāļŠāļĢāđāļēāļāļāļāļ Flask āļ§āđāļēāļāļĢāļ°āļāļāļāđāļāļāđāļ§āļĒāļāļ°āđāļĢāļāđāļēāļ āļāļĩāđāļāļāđāđāļāļāđāļāļīāļĢāđāļāđāļāđāļāļĒāļąāļāđāļ āļāļķāđāļāđāļĢāļēāļāļģāđāļāđāļāļāđāļāļāļĢāļđāđāļāļ·āđāļāļāļēāļāđāļŦāļĨāđāļēāļāļĩāđ āđāļĄāļ·āđāļāļĄāļĩāļāļ·āđāļāļāļēāļāļāļĩāđāļāļĩāđāļĨāđāļ§ āđāļĢāļēāļāđāļāļ°āļāđāļāļĒāļāļāđāļāđāļāđāļāļĩāļāļĄāļēāļāļĄāļēāļĒ āļāļēāļĄāļāļĩāđāđāļāļāđāļāļāļāļēāļĢ
āļāđāļēāļāļ·āđāļāļāļāļāļāļāļāļ§āļēāļĄāļāļĩāđ āļāđāļāļĒāđāļēāļĨāļ·āļĄāļāļ Clap āļāļāļĨāļ° Clap āđāļāļ·āđāļāđāļāđāļāļāļģāļĨāļąāļāđāļāđāļāļāļēāļĢāļŠāļĢāđāļēāļāļŠāļĢāļĢāļāđāļāļĨāļāļēāļāļāđāļ§āļĒāļāļ°āļāļĢāļąāļ āļŦāļĢāļ·āļāļāļ°āđāļāļĢāđāđāļāđāļŦāđāđāļāļ·āđāļāļ āđ āļāđāļāļ°āļāļāļāļāļļāļāļĄāļēāļ āļŦāļĢāļ·āļāļĄāļĩāļāđāļāđāļāļ°āļāļģ āļāļīāļāļĄāļāļĢāļāđāļŦāļ āļāđāļāļāļĄāđāļĄāļāļāđāđāļāđāļāļĩāđāļāđāļēāļāļĨāđāļēāļāđāļāļŠāļāđāđāļ§āđāđāļāđāđāļĨāļĒāļāļĢāļąāļ See ya next article.
This article is written by: [Sonny STACKPYTHON]
2.1 āđāļĨāļ·āļāļ Open Folder āđāļāļ·āđāļāļāļģāļāļēāļĢāđāļāļīāļāđāļāļĨāđāļāļāļĢāđāđāļāļĢāđāļāļāļāđ āđāļāļ·āđāļāļāļīāļĄāļāļāļĢāđāļāđāļāđāļēāļĄāļēāđāļāļĩāļĒāļāđāļ VS Code āđāļāļĒāļāļĨāļīāđāļāđāļĨāļ·āļāļ Path āļāļĩāđāđāļāđāļāđāļāļĢāđāļāļāļāđāļāļĩāđāļāļĄāđāļāđāļŠāļĢāđāļēāļāđāļ§āđāđāļāļāļāļāļāđāļĢāļ āļāļēāļāļāļąāđāļāļāļģāļāļēāļĢāļāļĨāļīāđāļāđāļĨāļ·āļāļāđāļāļĨāđāļāļāļĢāđāļāļģāļāļēāļĢāļāļīāļĄāļāļāļĢāđāļāđāļāļĢāđāļāļāļāđāđāļāđāļēāļĄāļē
āđāļāļĨāđāļāļāļĢāđāđāļāļĢāđāļāļāļāđāļāļĢāđāļāļĄ Virtual Environment Folder āļāļđāļāļāļīāļĄāļāļāļĢāđāļāđāļāđāļēāļĄāļēāđāļ VS Code āļāļĢāđāļāļĄāļŠāļģāļŦāļĢāļąāļāđāļāļĩāļĒāļāđāļāļĢāđāļāļĢāļĄāļāđāļāđāļāđāļāļĨāđāļāļāļĢāđāļāļāļāđāļāļĢāđāļāļāļāđāļāļđāļāļāļīāļĄāļāļāļĢāđāļāđāļāđāļēāļĄāļēāđāļ VS Code āļāļĢāđāļāļĄāļŠāļģāļŦāļĢāļąāļāđāļāļĩāļĒāļāđāļāļĢāđāļāļĢāļĄ
2.2 āļāļĨāļīāđāļ View â Command PaletteâĶ
2.3 āđāļĨāļ·āļāļ Python: Select Interpreter
2.4 āđāļĨāļ·āļāļ Path āļāļĩāđāļāļ°āđāļāđāđāļāļāļēāļĢāļĢāļąāļāđāļāļĢāđāļāļāļāđ āļāļķāđāļāļāđāđāļāđāļŠāļĢāđāļēāļāđāļ§āđāļāđāļāļāļŦāļāđāļēāļŠāļģāļŦāļĢāļąāļ Virtual Environment āļāļąāđāļāļāđāļāļ·āļ fw āļāļĨāļīāđāļāđāļĨāļ·āļāļāđāļāđāđāļĨāļĒ
2.5 āļāļēāļāļāļąāđāļāļāļģāļāļēāļĢāļāļĨāļīāđāļ Debug â Start Debugging āļāļĩāļāļāļĢāļąāđāļ
2.6 āđāļĨāļ·āļāļ Python
2.7 āđāļĨāļ·āļāļ Flask
2.8 āļāļ°āļāļĢāļēāļāļāļāļ·āđāļāđāļāļĨāđ app.py āļāļķāđāļāđāļāđāļāļāļ·āđāļ Default āļāļāļ Flask āļāļ Enter
2.9 āđāļāđāļāļāļąāļāđāļŠāļĢāđāļāļŠāļīāđāļāļāļąāđāļāļāļāļāļāļĩāđāđāļĢāļēāļŠāļēāļĄāļēāļĢāļāļĢāļąāļāđāļāļĢāđāļāļāļāđāđāļāđāđāļ PowerShell āļāļāļ VS Code āđāļāđāđāļĨāđāļ§ āđāļĨāļ° Virtual Environment āļāļđāļāđāļāđāļāđāļĢāļĩāļĒāļāļĢāđāļāļĒ
āļāļģāļāļēāļĢ Install Flask āđāļāđāļēāļĄāļēāđāļāđāļāļĢāđāļāļāļāđ
āđāļāđāļāđāļāļāļāđāļēāļ āđ āļāļĩāđāļāļđāļāļāļīāļāļāļąāđāļāđāļāđāļēāļĄāļēāđāļāđāļāļĢāđāļāļāļāđ
3.2 āļŠāļĢāđāļēāļāđāļāļĨāđāļāļķāđāļāļĄāļēāđāļāļĒāļāļĨāļīāđāļāļāļĩāđāļŠāļąāļāļĨāļąāļāļĐāļāđāđāļāļĨāđāļāļĢāļāđāļāļāļāđāļēāļāļāđāļēāļĒāļāļāļ Workspace āđāļāļĒāđāļāđāļāļ·āđāļāļ§āđāļē app.py āļāļ Enter
āļĢāļđāļāļĢāđāļēāļāļŦāļāđāļēāļāļēāļāļāļ Final Code āļāļ°āđāļāđāļāļāļąāļāļāļĩāđ āđāļĨāđāļ§āļāļģāļāļēāļĢāļĢāļąāļāļāļāļŠāļāļāđāļāđāđāļĨāļĒ
3.5 āļāļēāļāļāļąāđāļāļāļāļāļļāđāļĄ ctrl āļāđāļēāļāļāļĩāđāļāļĩāļĒāđāļāļāļĢāđāļ āđāļĨāđāļ§āđāļāđāđāļĄāļēāļŠāđāļāļĩāđāļāļĩāđāļĨāļīāđāļāļāđāļāļĢāđāļāļĄ āļāļģāļāļēāļĢāļāļĨāļīāđāļ
āđāļĨāļ°āļāļĩāđāļāđāļāļ·āļāļŦāļāđāļēāđāļ§āđāļ