BUILDING WEBSITES; Back-end , front-end & the glue that brings it together - GIT

A talk given at the Ingressive Federal College of Education, Osiele maiden meetup . It introduced participants to the world of web applications; back-end and front-end, How complex web applications can be built effectively using version control systems such as Git .

Transcript

1. BUILDING WEBSITES; Back-end , front-end & the glue that brings it together - GIT @sayo_paul FCE OSiele Ingressive Campus meetup 1.0
2. About ME Software developer ( loves back-end ) . Ingressive Campus Ambassador FUNAAB . Computer Science Undergrad . Ehmm what else ?
3. WHat IS THE MAGIC BEHIND ALL THESE WEBSITES SEF ?
4. Servers; Clients ( Browsers , whatever you use to access the web ); Programmers ( front-end and back-end ).
5. Let’s Break IT down - Servers; All the websites/apps/pages we see on our web browsers live in computers on the internet called web servers . Web servers respond to HTTP requests ( sent by the browser ) and send files or webpages back as a response . The difference between web servers and regular computers though is that web servers typically do not have monitors . It’s basically a special hardware running an operating system ( most times Linux such as Ubuntu ) .
6. Let’s Break IT down - BROWSERS; When the servers respond , they send back files . The browsers receive these files and then beautifully render these files as the webpages that we see . These files could be HTML files , CSS files or Javascript files . Without the web browser , the files are just … files
7. PROGRAMMERS
    - Back-end & FRONT-END Every ( most ) fully functional application/web application is made up of two aspects . The back-end and the front-end . The Back-end The back-end refers to the aspects of the application that we cannot see . The logic that powers the website . Back-end code is also called server side code because that is where it is executed, on the server . Whenever you sign up or log in on a website , that is back-end code at work . The back-end code checks the database to see if a user with your credentials exist and if it does, you are authorized else an error message is shown .
8. BACK-END PROGRAMMING LANGUAGES php,python,RUBY, NODEJS,GO etc.etc.
9. PROGRAMMERS
    - Back-end & FRONT-END The Front-end The front-end refers to the aspects of the application that we see and interact with . That beautiful button , that wonderful gradient . That nice background picture . Oooh that transition on the form you filled that blew your mind . Without the front end , the back-end logic is just logic . Last last the data that the back-end produces has to be displayed to the user in a freindly way . This is what the front-end does . Primarily every webpage must have HTML and CSS files for the front-end , then for interactivity Javascript too with the choice of a framework .
10. FRONT-END FRAMEWORKS react,angular,vueJ S,jQUERY etc.etc.
11. If the two aspects are different , how then do back-end and front-end developers collaborate on a huge project ??
12. Version control software i.e GIT
13. What then is this git thing you speak of ?? According to Wikipedia , Git is a version-control system for tracking changes in computer files and coordinating work on those files among multiple people . In our context , git allows a back-end and front-end dev to work on the same project and keep track of each other’s progress during the course of development. There are different web-based git service providers and we would focus on the best and most popular, GitHub
14. GIT BASIC COMMANDS git add git commit git push git status There are so many other commands and features but for now these are the ones we would talk about . Live coding session demonstrating and explaining the commands above begins now
    
15. THank you very much . We are done ! ♥