SlideShare a Scribd company logo
1
Web Development
In 2018
Traversymedia.com
A Practical Guide
2
Before We Start…
 This is a guide to web development technologies and your options
 Based on both fact and opinion
 Look other places for guidance, not just this video
 Decide what type of developer you want to be before anything
[Full stack developer, front-end, web designer, back-end engineer &
API creation]
Traversymedia.com
3
Tools & Software
 Text Editor VSCode, Atom, Sublime Text
 Good Browser Chrome or Firefox
 Image Editing Photoshop, GIMP, etc
 Deployment Tools FTP client, SSH tool
 Cloud Storage Optional Dropbox, Google Drive, etc
Traversymedia.com
4
HTML / CSS
 Learn before ANYTHING else
 Building blocks of the web
 Every website uses both
 Easy & quick to learn
 Learn the core fundamentals & basics of Flex and/or Grid
 Responsive layouts are VERY important
Traversymedia.com

Recommended for you

WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development

Introduction to XHTML Forms for Web Development 1 Course suitable for degree following CIT/CIS/CS ACM model curriculum.

teachhtmlweb
Web development presentation
Web development presentationWeb development presentation
Web development presentation

Web development involves creating websites for use on the internet or intranets. It can range from simple single page sites to complex applications and online businesses. The rise of the internet as a visual medium correlated with its adoption by the general public through graphical interfaces. Users started embracing the World Wide Web when visual web browsers emerged in the early 1990s. Even as web technology advanced, some early design techniques persevered.

web developmentwhat is web development
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt

HiddenBrains is an offshore web development company in india. We provide hiring services for php web development, asp.net web development, java programming, open source development, ecommerce solution, internet marketing and web design. Hire highly experienced web programmer and get customized web application development services in UK, Europe, USA.

web development companyweb developerhire php developer
5
Basic Vanilla JavaScript
 Basic JS [NO FRAMEWORKS!]
 Data types, functions, conditionals, loops, operators, etc
 DOM manipulation & events [NO JQUERY!]
 Ajax / Fetch API / JSON
 ES2015+ (Arrow functions, promises, template strings)
Traversymedia.com
6
Deploying a Basic Website
 Shared hosting [InMotion, Hostgator, etc]
 Learn the basics of cPanel [Creating email accounts, FTP,
etc]
 Upload a site with FTP [FileZilla]
 Register a domain name and learn about DNS / Name
Servers
Traversymedia.com
7
Web Designer / Basic Front End Dev
 Build simple websites & UIs
 PSD / AI -> HTML / CSS
 Some dynamic UI with JavaScript
 Choose to be a freelancer or a very entry level position
Traversymedia.com
8
Where To Next? [Depends]
 HTML / CSS Frameworks Bootstrap, Materialize, etc
 Frontend JavaScript Framework React, Angular, etc
 Server Side Language / Technology Node.js, Python, etc
 Database MongoDB, MySQL, etc
Traversymedia.com

Recommended for you

Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development

The document summarizes Yash Kumar Sati's training experience at Udacity Inc. It discusses that Udacity offers massive open online courses on topics like cybersecurity, machine learning, and web development. Through Udacity, Yash learned front-end web development skills like HTML, CSS, and JavaScript. He also learned shell programming and using version control systems like Git. The training helped Yash learn new techniques for building responsive and accessible websites using frameworks and optimizing code.

shell programmingfront end web developmentfront-end web development
Website design with Wordpress ppt
Website design with Wordpress pptWebsite design with Wordpress ppt
Website design with Wordpress ppt

Web designing is a process of creating a website using creative graphics and useful functionality. In website designing process the important factors are content, appealing look, good layout and accessibility of the website on all devices. In 2018 creating Responsive Websites which are optimized for Desktops, Tabs and Mobiles is very significant. We have added BootStrap Framework to enable you to design responsive websites. In our web designing course we will train you on all the latest technologies as per the new updates.

wordpressweb designweb development
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi

This is the Slide I used at the Lagos Web Meetup where I talked on Web Development and Web Development Technologies. It outlines most of what was discussed at the meetup.

web developmentweb designweb design and development
9
HTML / CSS Frameworks [Choose One]
 Twitter Bootstrap 4 General framework, most popular
 Materialize CSS Primarily a UI/UX framework
 Bulma Easy to learn syntax, No JS
 Zurb Foundation Alternative to Bootstrap
 Skeleton VERY light boilerplate
Traversymedia.com
10
Front End JS Framework [Choose One]
 React Popular for startups, fast, Redux, JSX
 Angular Popular in enterprise, full featured, NgRx
 Vue.js Fast, light, easy to use, Vuex
 Aurelia Light, feels like vanilla JavaScript
Traversymedia.com
11
Side Technologies You Should Learn
 GIT Version control
 Basic Command Line Folder navigation, file creation, etc
 APIS / REST Learn how REST APIs work
 HTTP / SSL HTTP requests, HTTPS
 CSS Pre-Processor Sass or Less
 Webpack & Babel Module loader & JS compiler
Traversymedia.com
12
Server Side Technology [Choose One]
 Node.js Fast, scalable and powerful
 Python Popular, rapid development, great integration
 PHP Practical, easy to deploy – Wordpress & Laravel
 Ruby Rapid development, strong community
 C# & ASP.NET Very powerful, Microsoft
Traversymedia.com

Recommended for you

How To be a Backend developer
How To be a Backend developer    How To be a Backend developer
How To be a Backend developer

The backend of an application is responsible for Things like calculations, business logic, database Interactions, and performance

web developmentphpweb design and development
Web development
Web developmentWeb development
Web development

Web development involves the creation and maintenance of websites through web design and coding. Web design focuses on creating the visual templates and layouts for websites using tools like Photoshop, while coding provides the underlying structure and functionality through programming languages and frameworks. Coding is essential for web design as it forms the building blocks and server-side functionality that brings websites to life online.

web developmentweb design and developmentweb designing and coding
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development

Web designers create the visual design and layout of websites, while web developers write code to make websites functional. Web developers use programming languages like HTML, CSS, JavaScript, and PHP to add complex features and functionality to websites. Studying these languages and gaining experience through live projects allows individuals to pursue careers as web designers or developers where there is high demand for their skills.

ppt of web designing and developmentbatra computer centre
13
Database [Choose One]
 MongoDB NoSQL, non-relational, suggested for Node.js
 MySQL Popular relational database
 PostgreSQL Powerful but a bit more difficult than MySQL
 SQL Server Microsoft’s implementation of SQL
 Oracle Heavily used in enterprise
 Firebase Cloud database maintained by Google
Traversymedia.com
14
Server Side Frameworks [Choose One]
 JavaScript Express, Hapi.js, Adonis, Loopback, Swagger
 Python Django, Flask, Web2py, Pylons
 PHP Laravel, Symfony, CodeIgniter, Yii2
 Ruby Ruby on Rails, Sinatra, Nitro
 C# .NET
Traversymedia.com
15
Content Management Systems
 Wordpress, Drupal, Joomla [PHP]
 Great for clients
 Thousands of plugins / addons
 Fast development
 Can be limiting
Traversymedia.com
16
Dev Ops & Deploying Applications
 Dedicated Server / VPS
 Cloud Hosting – Digital Ocean, Heroku, Amazon Web Services
 Cloud Storage – Amazon S3
 Working with SSH & command line
 Server maintenance & software updates
Traversymedia.com

Recommended for you

Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development

Talks about the best practices in web development regarding semantics, accessibility, SEO and performance.

semanticsweb developmentperformance
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development

Web design and web development are often used interchangeably. However these terms refers to unique aspects involved in the process of creating a website and making it accessible to the audience over internet. Learn the difference between web designing and web development by going through this slide. You will also find how the job of a web designer is different from a web developer by understanding the programing language and tasks involved in both these professions.

web designweb design dubaiweb development
Front-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through WebsitesFront-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through Websites

When you need to create a beautiful, state-of-the-art web solution, you need these front-end technologies and tools. Here is a list of such tools and technologies which help you create great user experience for your website.

cssuijquery
17
Mobile Applications [Choose One]
 React Native
 NativeScript
 Ionic
 PhoneGap / Cordova
 Xamarin
Traversymedia.com
18
You Are a Full Stack Developer!
 Create simple to advanced web applications [Front & Back end]
 Create secure REST APIs
 Deploy & maintain applications
 Administer databases
• You should now be able to get a very good job or run your own business
Traversymedia.com
19
Biggest Changes From Last Year
 New technologies [Grid CSS, Fetch API, Materialize, NativeScript]
 More focus on full stack and REST APIS rather than server rendered
views
 More focus on vanilla JavaScript in addition to frameworks
 Single Page Applications
 Python & C# over PHP
Traversymedia.com
20
What Now?
 Focus on your career and whatever technologies your company uses
 Learn other languages / stacks in your spare time
 Stay up to date with trends & technologies
Traversymedia.com

Recommended for you

Web development
Web developmentWeb development
Web development

The document discusses web development and provides an overview of key topics including HTML, CSS, JavaScript, and sample projects. It introduces HTML tags and elements, CSS syntax and types, JavaScript syntax, and provides code examples of simple HTML, CSS, and JavaScript documents. It also outlines three projects: a portfolio site using HTML and CSS, a static website using HTML and CSS, and a dynamic website using HTML, CSS, and JavaScript.

web developmentweb designweb design and development
Web Development
Web DevelopmentWeb Development
Web Development

Web development involves both front-end development and back-end development. Front-end development includes using languages like HTML, CSS, and Bootstrap to define the layout and visual design of websites. Back-end development involves using languages like SQL and PHP to manage the database and functional aspects of websites that users do not see. Key front-end technologies are HTML for content, CSS for styling, and Bootstrap for responsive design. Key back-end technologies are SQL for databases and PHP for server-side scripting.

web designweb developmentwebsite
FRONT-END WEB DEVELOPMENT WITH REACTJS
FRONT-END WEB DEVELOPMENT WITH REACTJSFRONT-END WEB DEVELOPMENT WITH REACTJS
FRONT-END WEB DEVELOPMENT WITH REACTJS

The document provides information about a training course on front-end web development with Reactjs offered by NordicCoder. It details what the course will cover including React basics, advanced React topics like data handling and the React ecosystem, and tools like Webpack. It also introduces the instructor, outlines the course schedule over 10 weeks, and describes the final project of building an online shopping cart.

reactjsreactjs coursenordic coder
21
Follow Me
TWITTER:
Twitter.com/traversymedia
FACEBOOK:
Facebook.com/traversymedia
INSTAGRAM:
Instagram.com/traversymedia
DISCORD CHAT: Discord.gg/traversymedia
LINKEDIN: Linkedin.com/in/bradtraversyTraversymedia.com

More Related Content

What's hot

Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
JohnTaieb
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student
Abhishekchauhan863165
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
Randy Connolly
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
Vaishnavi8950
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
Bruce Tucker
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
Yash Sati
 
Website design with Wordpress ppt
Website design with Wordpress pptWebsite design with Wordpress ppt
Website design with Wordpress ppt
WTACADEMY5
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
Temitayo Fadojutimi
 
How To be a Backend developer
How To be a Backend developer    How To be a Backend developer
How To be a Backend developer
Ramy Hakam
 
Web development
Web developmentWeb development
Web development
Sunil Moolchandani
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
47ishu
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
Robert Nyman
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
Global Media Insight
 
Front-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through WebsitesFront-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through Websites
Ready Bytes Software labs
 
Web development
Web developmentWeb development
Web development
GarvitBaleshwar
 
Web Development
Web DevelopmentWeb Development
Web Development
Harshdeep Singh
 
FRONT-END WEB DEVELOPMENT WITH REACTJS
FRONT-END WEB DEVELOPMENT WITH REACTJSFRONT-END WEB DEVELOPMENT WITH REACTJS
FRONT-END WEB DEVELOPMENT WITH REACTJS
Tran Phong Phu
 
Web Development
Web DevelopmentWeb Development
Web Development
Lena Petsenchuk
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
Harshad Mane
 

What's hot (20)

Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
 
Website design with Wordpress ppt
Website design with Wordpress pptWebsite design with Wordpress ppt
Website design with Wordpress ppt
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
 
How To be a Backend developer
How To be a Backend developer    How To be a Backend developer
How To be a Backend developer
 
Web development
Web developmentWeb development
Web development
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
 
Front-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through WebsitesFront-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through Websites
 
Web development
Web developmentWeb development
Web development
 
Web Development
Web DevelopmentWeb Development
Web Development
 
FRONT-END WEB DEVELOPMENT WITH REACTJS
FRONT-END WEB DEVELOPMENT WITH REACTJSFRONT-END WEB DEVELOPMENT WITH REACTJS
FRONT-END WEB DEVELOPMENT WITH REACTJS
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
 

Similar to Web Development In 2018

web development in 2024 - website development
web development in 2024 - website developmentweb development in 2024 - website development
web development in 2024 - website development
Goa App
 
web development full stack
web development full stackweb development full stack
web development full stack
Goa App
 
Seminar: Become a Reliable Web Programmer
Seminar: Become a Reliable Web ProgrammerSeminar: Become a Reliable Web Programmer
Seminar: Become a Reliable Web Programmer
Achmad Solichin
 
Become a Successful Web Developer in Web development Field in 2017
Become a Successful Web Developer in Web development Field in 2017Become a Successful Web Developer in Web development Field in 2017
Become a Successful Web Developer in Web development Field in 2017
Imran Qasim
 
Microsoft WebMatrix Platform Overview
Microsoft WebMatrix Platform OverviewMicrosoft WebMatrix Platform Overview
Microsoft WebMatrix Platform Overview
Spiffy
 
Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...
Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...
Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...
JustRelate
 
Web Development Today
Web Development TodayWeb Development Today
Web Development Today
bretticus
 
Web II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentWeb II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side development
Randy Connolly
 
Normalizing x pages web development
Normalizing x pages web development Normalizing x pages web development
Normalizing x pages web development
Shean McManus
 
T2 Web Framework
T2 Web FrameworkT2 Web Framework
T2 Web Framework
Shinpei Ohtani
 
Web summit.pptx
Web summit.pptxWeb summit.pptx
Web summit.pptx
171SagnikRoy
 
Building the next generation of browser apps today
Building the next generation of browser apps todayBuilding the next generation of browser apps today
Building the next generation of browser apps today
Randy Williams
 
Web technologies practical guide
Web technologies practical guideWeb technologies practical guide
Web technologies practical guide
samir azazy
 
Building Flash-based websites using Adobe Flex - Lesson 1/10
Building Flash-based websites using Adobe Flex - Lesson 1/10Building Flash-based websites using Adobe Flex - Lesson 1/10
Building Flash-based websites using Adobe Flex - Lesson 1/10
Stefano Virgilli
 
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Brian Culver
 
Ruby On Rails Seminar Basis Softexpo Feb2010
Ruby On Rails Seminar Basis Softexpo Feb2010Ruby On Rails Seminar Basis Softexpo Feb2010
Ruby On Rails Seminar Basis Softexpo Feb2010
arif44
 
Web engineering lecture 4
Web engineering lecture 4Web engineering lecture 4
Web engineering lecture 4
University of Swat
 
Scraping the web with Laravel, Dusk, Docker, and PHP
Scraping the web with Laravel, Dusk, Docker, and PHPScraping the web with Laravel, Dusk, Docker, and PHP
Scraping the web with Laravel, Dusk, Docker, and PHP
Paul Redmond
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Maximiliano Firtman
 
Node.js Tools Ecosystem
Node.js Tools EcosystemNode.js Tools Ecosystem
Node.js Tools Ecosystem
Rocket Software
 

Similar to Web Development In 2018 (20)

web development in 2024 - website development
web development in 2024 - website developmentweb development in 2024 - website development
web development in 2024 - website development
 
web development full stack
web development full stackweb development full stack
web development full stack
 
Seminar: Become a Reliable Web Programmer
Seminar: Become a Reliable Web ProgrammerSeminar: Become a Reliable Web Programmer
Seminar: Become a Reliable Web Programmer
 
Become a Successful Web Developer in Web development Field in 2017
Become a Successful Web Developer in Web development Field in 2017Become a Successful Web Developer in Web development Field in 2017
Become a Successful Web Developer in Web development Field in 2017
 
Microsoft WebMatrix Platform Overview
Microsoft WebMatrix Platform OverviewMicrosoft WebMatrix Platform Overview
Microsoft WebMatrix Platform Overview
 
Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...
Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...
Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...
 
Web Development Today
Web Development TodayWeb Development Today
Web Development Today
 
Web II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentWeb II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side development
 
Normalizing x pages web development
Normalizing x pages web development Normalizing x pages web development
Normalizing x pages web development
 
T2 Web Framework
T2 Web FrameworkT2 Web Framework
T2 Web Framework
 
Web summit.pptx
Web summit.pptxWeb summit.pptx
Web summit.pptx
 
Building the next generation of browser apps today
Building the next generation of browser apps todayBuilding the next generation of browser apps today
Building the next generation of browser apps today
 
Web technologies practical guide
Web technologies practical guideWeb technologies practical guide
Web technologies practical guide
 
Building Flash-based websites using Adobe Flex - Lesson 1/10
Building Flash-based websites using Adobe Flex - Lesson 1/10Building Flash-based websites using Adobe Flex - Lesson 1/10
Building Flash-based websites using Adobe Flex - Lesson 1/10
 
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
 
Ruby On Rails Seminar Basis Softexpo Feb2010
Ruby On Rails Seminar Basis Softexpo Feb2010Ruby On Rails Seminar Basis Softexpo Feb2010
Ruby On Rails Seminar Basis Softexpo Feb2010
 
Web engineering lecture 4
Web engineering lecture 4Web engineering lecture 4
Web engineering lecture 4
 
Scraping the web with Laravel, Dusk, Docker, and PHP
Scraping the web with Laravel, Dusk, Docker, and PHPScraping the web with Laravel, Dusk, Docker, and PHP
Scraping the web with Laravel, Dusk, Docker, and PHP
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
 
Node.js Tools Ecosystem
Node.js Tools EcosystemNode.js Tools Ecosystem
Node.js Tools Ecosystem
 

Recently uploaded

Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
Aurora Consulting
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
jackson110191
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Mydbops
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
ArgaBisma
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
Mark Billinghurst
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Bert Blevins
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
ScyllaDB
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
Matthew Sinclair
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
Stephanie Beckett
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
Vijayananda Mohire
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
ScyllaDB
 
20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
Matthew Sinclair
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
Tatiana Al-Chueyr
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
UiPathCommunity
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
Adam Dunkels
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Bert Blevins
 
7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf
Enterprise Wired
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
SynapseIndia
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
Stephanie Beckett
 

Recently uploaded (20)

Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
 
20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
 
7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
 

Web Development In 2018

  • 2. 2 Before We Start…  This is a guide to web development technologies and your options  Based on both fact and opinion  Look other places for guidance, not just this video  Decide what type of developer you want to be before anything [Full stack developer, front-end, web designer, back-end engineer & API creation] Traversymedia.com
  • 3. 3 Tools & Software  Text Editor VSCode, Atom, Sublime Text  Good Browser Chrome or Firefox  Image Editing Photoshop, GIMP, etc  Deployment Tools FTP client, SSH tool  Cloud Storage Optional Dropbox, Google Drive, etc Traversymedia.com
  • 4. 4 HTML / CSS  Learn before ANYTHING else  Building blocks of the web  Every website uses both  Easy & quick to learn  Learn the core fundamentals & basics of Flex and/or Grid  Responsive layouts are VERY important Traversymedia.com
  • 5. 5 Basic Vanilla JavaScript  Basic JS [NO FRAMEWORKS!]  Data types, functions, conditionals, loops, operators, etc  DOM manipulation & events [NO JQUERY!]  Ajax / Fetch API / JSON  ES2015+ (Arrow functions, promises, template strings) Traversymedia.com
  • 6. 6 Deploying a Basic Website  Shared hosting [InMotion, Hostgator, etc]  Learn the basics of cPanel [Creating email accounts, FTP, etc]  Upload a site with FTP [FileZilla]  Register a domain name and learn about DNS / Name Servers Traversymedia.com
  • 7. 7 Web Designer / Basic Front End Dev  Build simple websites & UIs  PSD / AI -> HTML / CSS  Some dynamic UI with JavaScript  Choose to be a freelancer or a very entry level position Traversymedia.com
  • 8. 8 Where To Next? [Depends]  HTML / CSS Frameworks Bootstrap, Materialize, etc  Frontend JavaScript Framework React, Angular, etc  Server Side Language / Technology Node.js, Python, etc  Database MongoDB, MySQL, etc Traversymedia.com
  • 9. 9 HTML / CSS Frameworks [Choose One]  Twitter Bootstrap 4 General framework, most popular  Materialize CSS Primarily a UI/UX framework  Bulma Easy to learn syntax, No JS  Zurb Foundation Alternative to Bootstrap  Skeleton VERY light boilerplate Traversymedia.com
  • 10. 10 Front End JS Framework [Choose One]  React Popular for startups, fast, Redux, JSX  Angular Popular in enterprise, full featured, NgRx  Vue.js Fast, light, easy to use, Vuex  Aurelia Light, feels like vanilla JavaScript Traversymedia.com
  • 11. 11 Side Technologies You Should Learn  GIT Version control  Basic Command Line Folder navigation, file creation, etc  APIS / REST Learn how REST APIs work  HTTP / SSL HTTP requests, HTTPS  CSS Pre-Processor Sass or Less  Webpack & Babel Module loader & JS compiler Traversymedia.com
  • 12. 12 Server Side Technology [Choose One]  Node.js Fast, scalable and powerful  Python Popular, rapid development, great integration  PHP Practical, easy to deploy – Wordpress & Laravel  Ruby Rapid development, strong community  C# & ASP.NET Very powerful, Microsoft Traversymedia.com
  • 13. 13 Database [Choose One]  MongoDB NoSQL, non-relational, suggested for Node.js  MySQL Popular relational database  PostgreSQL Powerful but a bit more difficult than MySQL  SQL Server Microsoft’s implementation of SQL  Oracle Heavily used in enterprise  Firebase Cloud database maintained by Google Traversymedia.com
  • 14. 14 Server Side Frameworks [Choose One]  JavaScript Express, Hapi.js, Adonis, Loopback, Swagger  Python Django, Flask, Web2py, Pylons  PHP Laravel, Symfony, CodeIgniter, Yii2  Ruby Ruby on Rails, Sinatra, Nitro  C# .NET Traversymedia.com
  • 15. 15 Content Management Systems  Wordpress, Drupal, Joomla [PHP]  Great for clients  Thousands of plugins / addons  Fast development  Can be limiting Traversymedia.com
  • 16. 16 Dev Ops & Deploying Applications  Dedicated Server / VPS  Cloud Hosting – Digital Ocean, Heroku, Amazon Web Services  Cloud Storage – Amazon S3  Working with SSH & command line  Server maintenance & software updates Traversymedia.com
  • 17. 17 Mobile Applications [Choose One]  React Native  NativeScript  Ionic  PhoneGap / Cordova  Xamarin Traversymedia.com
  • 18. 18 You Are a Full Stack Developer!  Create simple to advanced web applications [Front & Back end]  Create secure REST APIs  Deploy & maintain applications  Administer databases • You should now be able to get a very good job or run your own business Traversymedia.com
  • 19. 19 Biggest Changes From Last Year  New technologies [Grid CSS, Fetch API, Materialize, NativeScript]  More focus on full stack and REST APIS rather than server rendered views  More focus on vanilla JavaScript in addition to frameworks  Single Page Applications  Python & C# over PHP Traversymedia.com
  • 20. 20 What Now?  Focus on your career and whatever technologies your company uses  Learn other languages / stacks in your spare time  Stay up to date with trends & technologies Traversymedia.com