A BEGINNERS' GUIDE TO WEB DEVELOPMENT

Transcript

1. A BEGINNERS’ GUIDE TO WEB DEVELOPMENT BY EFEREYAN KAREN SIMISOLA
2. ABOUT ME • Full stack developer with a passion for creating visually appealing and functional software products. • Enthused about ui/ux designs • Open source enthusiast • Love to share my unique perspectives via technical articles, podcasts and technical speaking • I’m actively looking for a technical role • My space on the internet : https://karenefe.netlify.app
3. WHAT IS WEB DEVELOPMENT?
4. Web development is the work involved in developing a website for the Internet(World Wide Web). Web development can range from developing a simple single static page of plain text to complex web-based internet applications (web apps)
5. BASIS OF THE INTERNET
6. MY LAPTOP www.google.com Requests to load up this site Html files Css files Javascript files
7. FRONTEND? BACKEND? FULL-STACK?
8. Frontend! Backend! FullStack! These are simply buzz words. They define what part of the client/server architecture you work with…..
9. Frontend Web Development • It’s also popularly known as client-side web development. • It’s the part of the website that the user interacts with. • Load up a web url, the clean layout, well constructed pages, amazing color choices and compositions that blow your mind away? That’s frontend web development? • The tools that frontend developers use for their work include but are not limited to HTML, CSS, JAVASCRIPT, BOOTSTRAP, REACT AND MUCH MORE.. • Frontend is a lot of work but the rewards are limitless
10. Backend Web Development • This is also known as server-side web development • It handles all the behind the scene processing that helps the frontend function as it should • Backend developers build and maintain the technology that power the frontend of a web application. It encompasses the data storage via databases and servers that server up information that clients request • Technologies used by backend developers include but are not limited to the following, PHP, Ruby, Python, Nodejs, Mysql, MongoDB, Git and much more..
11. Full Stack Web Development • Full stack developers are jack-of-all trades. • Full stack developers should be knowledgeable in all aspects of the client server architecture, including writing web APIs, crafting great user experiences and much more… • Full stack development presents more opportunities. To be a great full stack developer takes time. • Some of the tools modern full stack developers are expected to know include but are not limited to databases, frontend frameworks, Version control systems, DevOps etc
12. HTML • Stands for hypertext markup language. It defines the structure of web content using tags. Tags exists for defining text content as headings, paragraphs, links and more… • "Hypertext" refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. By uploading content to the Internet and linking it to pages created by other people, you become an active participant in the World Wide Web allow the Internet to be the internet. • HTML also allows for special tags like <canvas>, <video> and more that help embed special types of content to be displayed on the web browser
13. CSS • It is a styling language that defines how to make HTML content look nice and appealing • It allows us to define styles like fonts, colors and layouts of Html elements, even creating complex animations and shapes • Solid CSS skills are important to be a good frontend developer. • CSS is to html as interior decoration is to a building. A great building is only as good as its decoration. People want to go to beautiful places. Use CSS to ensure that people want to visit your websites and web applications
14. JAVASCRIPT • Javascript is what makes the magic happen. It is a programming language that allows for dynamic interactivity on websites and web applications. • Originally created to be run in internet browsers, tools like Nodejs allow us to run javascript outside of browsers • Javascript allows users to get responses based on certain inputs, like scrolling all the way to the top of the page when a button is clicked, or returning the weather of a location inputted by the user.
15. GETTING STARTED • Freecodecamp (Free, awesome learning bootcamp) • Angela Yu’s Web Development course(Awesome course! I recommend it 100% for getting started) • Traversy media, Net Ninja, Web Dev Simplified, Javascript Mastery are some of my favorite youtube channels. They have some great videos • Jon Duckett : If you learn by reading, Jon Duckett’s books are a great way to go. Awesome but beautiful illustrations, great definitions just makes it a great alternative. • For web/ article-like resources, I highly recommend MDN, W3Schools and CSS Tricks • Frontendmentor : It has a series of coding challenges you can take to test, build upon and flex your frontend coding muscles
16. FINAL THOUGHTS? • It’s hard to be a great web developer but it’s very doable. • Start from the beginning. Don’t skip any part of the flow. • Look through the different resources, choose one and follow it all through to the end. • Cement your learning by building • Have a social media presence. Let others know that you have started building. Make videos of your projects, post them on twitter and Linkedin. It’s super important • Web development is a long journey. Curiosity can get you started but passion, hardwork and self discipline is what can take you to the
17. I’M CHEERING FOR YOU