A brief introduction of Web Literacy, Web Development, and WordPress as a subject of discussion in Techie Youth in Brooklyn, New York. Presented by: Irene Bogues (Information Technology Mentor and Advocate)

1. Techie Youth SYEP 2017
Brooklyn, New York City

2. WEBSITE DEVELOPMENT
THE BASICS

3. Learning Objectives:
Technical Learning Skills in Web Development
● Ability to evaluate, synthesize, navigate, search engaging content online.
Creative and Critical Writing Skills
● Ability to build and create timely, relevant and meaningful web content.
Communicate and Participate
● Ability to communicate effectively and safely, with communities that share,
build and sustain meaningful content online

4. 1 2 3 4

5. Topic Outline: Part 1
● Steps in Website Development Process
○ Requirements & User Stories
○ Information Architecture
○ User Experience & Interface Design
○ Build & Test
○ Launching and Maintenance
● Hand Built or CMS (content mgt. system) or Hosted
● CMS Leaders: Drupal, Joomla, Wordpress.org

6. Topic Outline Part 2:
● Designing your first Website.
● Mobile Optimized Website
● What’s a Static Website compared to a Responsive Website
○ >>> ALL websites today should be Responsive - 50% of traffic
from mobile
● Mobile Website vs. Mobile Application
○ >>> Anyone can access mobile site, app must be downloaded
from Apple or ‘droid store

7. Topic Outline: Part 3
● Wordpress Basic Features.
● Installation & Initial Setup
● Choosing & Customizing Wordpress Themes
● Using Wordpress Plugins
● Customizing Wordpress (CSS, custom plugins)
● Social Media Integrations

8. Web Development
Part 1

9. What is Web Development all about?
● broadly refers to the tasks associated with developing websites for
hosting via intranet or internet. The web development process
includes web design, web content development, client-side/server-
side scripting and network security configuration, among other
tasks.
● Web development is also known as website development.

10. Website Launch Flowchart

14. Client’s Guide
on how to make a Website

15. 100+ Questions
You Must Ask When
Developing A Website

16. 10-Point Website Inspection

17. Static Website vs. Responsive Website

18. Pure Mobile Website
vs.
Pure Mobile App

19. Basic Knowledge of
WordPress
Part 2

20. What is WordPress
is an online, open source website creation tool
written in PHP. But in non-geek speak, it's
probably the easiest and most powerful
blogging and website content management
system (or CMS) in existence today.

21. Why Wordpress?

22. ● WordPress is used by more than
27.5% of the top 10 million websites
as of February 2017.
● WordPress supports more than 60
million websites.

25. Techie Youth WP 2017

27. WordPress Tutorial
Part 3

28. WordPress Tutorial

29. WordPress
Features as of April 2017

30. 10 Best WordPress
Plugins 2017

31. Why you should integrate Social Media in your
website
Link building:
● As search engines get smarter, it is
increasingly difficult to stay on top of all the
ways to make sure people can find your
business online when they search.

32. Why you should integrate Social Media in your
website
Being visible:
● The social links/buttons should be at the top, bottom or
side of your home page;
● Links or buttons that stay with the user as they navigate
through the site or from page to page are optimal;
● To make sure users don’t leave your website completely,
make sure the links open the social media channels in a

33. Why you should integrate Social Media in your
website
Improving your ranking in search results:
● adding links to your social channels from your website
actually helps increase the chance that users will find your
website when they search on Google, Bing, Yahoo! and
other engines.

34. Particate in local and online communities
● http://hivenyc.org/
● https://www.meetup.com/WordPressNYC/
● https://www.meetup.com/Big-Media-WordPress-Meetup/
● https://www.meetup.com/NYC-Wordpress-Support/
● https://stackoverflow.com/
● https://www.reddit.com/r/programming/
● https://plus.google.com/communities
● https://www.sitepoint.com/community/

35. Take advantage of Free Online Courses
& Coding Bootcamps
● Codecademy
● NYPL Tech Connect
● MIT OpenCourseware
● Coursera
● Free Code Camp
● Mozilla Developer Network
● Noble Desktop
● A List Apart
● Harvard Extension
● Connect to Learn
● Udacity
● Khan Academy
● ICT Literacy
● Open.Edu
● Grace Hopper Academy
● NP Power Technology Service Corps
● HTML5 Rocks
● Flatiron School
● Udemy
● Coding Dojo Algorithm Prep

36. THANK YOU SO MUCH!
and
GOOD LUCK!

37. Sources:
http://www.websitebuilderexpert.com/wix-vs-wordpress-comparison-chart/
http://www.websitebuilderexpert.com/wix-vs-wordpress/
https://en.wikipedia.org/wiki/WordPress#History
http://www.wpbeginner.com/showcase/40-most-notable-big-name-brands-
that-are-using-wordpress/
https://www.codeinwp.com/blog/wix-vs-squarespace-vs-virb-vs-weebly-vs-
wordpress-theme-builders/

38. http://www.wpbeginner.com/beginners-guide/how-to-learn-wordpress-for-
free-in-a-week-or-less/
http://www.websitebuilderexpert.com/wix-vs-wordpress/
https://code.tutsplus.com/tutorials/beginning-with-wordpress-first-steps-with-
your-new-website--wp-32626
http://www.woorockets.com/infographic-5-helpful-tipsto-tackle-wordpress-
security-issues/
https://www.youtube.com/watch?v=k6EOuMDLj10
https://www.tutorialspoint.com/wordpress/wordpress_tutorial.pdf

39. http://www.how-to-build-websites.com/basic-concepts/part1.php
https://www.techopedia.com/definition/23889/web-development
https://learning.mozilla.org/en-US/activities
https://career.guru99.com/top-17-web-developer-interview-questions/
http://www.codingdojo.com/blog/best-free-web-development-courses-
beginners/
http://marketingland.com/100-questions-you-must-ask-when-developing-web-
site-86342
http://www.teach-ict.com/gcse_new/software/web_design/miniweb/pg5.htm

40. http://guides.mesacountylibraries.org/technology/web
https://application.nycsyep.com/Default.aspx
http://marketingland.com/100-questions-you-must-ask-when-developing-web-
site-86342
https://www.youtube.com/watch?v=0gPd9soZEU4
https://www.youtube.com/watch?v=XUafIkjCzHg
https://www.youtube.com/watch?v=AfMgBpGtuXs
https://www.webpagefx.com/blog/web-design/website-wireframing/

43. http://www.umsl.edu/~wilmarthp/modla-links-2011/Adult-Learners-And-
Technology.pdf
https://www.inc.com/quora/7-pro-tips-that-will-make-your-linkedin-profile-
awesome.html
https://career.guru99.com/top-25-technical-support-questions/
https://www.workitdaily.com/actively-manage-your-career/
https://career.guru99.com/top-25-technical-support-questions/
https://www.thebalance.com/student-resume-examples-and-templates-2063555
https://www.inc.com/quora/7-pro-tips-that-will-make-your-linkedin-profile-
awesome.html