What Is Bloc?: Full Stack Web Development Essentials Frontend Web Development Essentials
What Is Bloc?: Full Stack Web Development Essentials Frontend Web Development Essentials
Bloc was founded on the belief that software development and UX design require highly specialized
skills best learned with guidance from an experienced practitioner. Online videos or classroom
formats are poor substitutes for building real projects with help from a dedicated mentor.
For companies looking to bolster the programming and design competency of their teams, Bloc
offers flexible Essentials courses for employees:
Full Stack Web Development Essentials
Frontend Web Development Essentials
Bloc also offers longer, more intensive online apprenticeship courses in 5 disciplines:
Full Stack Web Development
Frontend Web Development
Android - Mobile Application Development
iOS - Mobile Application Development
User Experience Web Design
At the conclusion of the Foundations courses, you may enroll in Phase 2 to get the full
apprenticeship.
How does it work?
1. Carefully sequenced, project-based curriculum with weekly checkpoints that culminate in fully
functional applications that demonstrate capabilities
2. Personalized instruction in 1-on-1 weekly meetings with a professional mentor to ensure
comprehension for a wide variety of learning styles and learning curves
3. A capstone phase where employees build a project of their choosing, such as a project for
their employer.
Who is it good for?
Product and project managers seeking to deepen their knowledge of application
development and work more effectively with software engineering teams
Marketing, customer support, and sales staff seeking a strong base of fundamental technical
skills and junior-level capabilities.
IT professionals, developers and designers seeking to modernize or broaden their skills
About Bloc
Founded in 2011, Bloc specializes in technical skills education for the 21st century. We employ over
60 experienced mentors teaching 600+ students across the globe.
What you get
Comprehensive curriculum designed by experienced industry professionals
50+ hours of direct, 1:1 access to a dedicated, experienced instructor. Our mentors are
world-class with an average of 9 years of experience in their field.
500 hours of experience
A portfolio of real projects
Proof of completion
Weekly progress reports
Lifetime access to the Bloc curriculum
Alumni discount
What you need
Mac, Windows, or Linux computer
A web browser
Internet access
A webcam and microphone
Pricing
We offer a variety of flexible tracks for each course, with varying weekly time commitment.
Length Intensity Total Course Mentor
Meetings
Cost
6 Weeks 15-25 hours/week 150-180 hours 2 meetings/week $2,500
12 Weeks 40 hours/week 400-500 hours 3 meetings/week $4,500
18 Weeks 25-30 hours/week 400-500 hours 2 meetings/week $4,500
36 Weeks 12-15 hours/week 400-500 hours 1 meeting/week $4,500
Billing Options
Bloc offers monthly invoicing options and can accept payment via Credit Card, Debit Card, Check, and
PayPal.
If 5 or more employees enroll in Bloc course togethers, volume tuition reduction is available.
Customization
We understand companies have different technology stacks and prerequisites. If youre interested a
customized syllabus, email [email protected] and well get right on it.
Contact us
Ready to enroll? Contact Clint Schmidt at [email protected] or call (415) 745-2693.
On the following pages, you will find:
Full Stack Web Development Essentials Syllabus (6 weeks)
Frontend Web Development Essentials Syllabus (6 weeks)
Full Stack Web Development Syllabus (12, 18, or 36 weeks)
Android Mobile Development Syllabus (12, 18, or 36 weeks)
iOS Mobile Development Syllabus (12, 18, or 36 weeks)
Frontend Web Development Syllabus (12, 18, or 36 weeks)
User Experience Design Web Development Syllabus (12, 18, or 36 weeks)
Full Stack Development Essentials Syllabus
6weekcourse
$2,500
Set up your Development Environment and Learn the Fundamentals of Ruby
Setupawebdevelopmentenvironment.Inotherwords,turnyourlaptopintoacodingmachine
LearnhowtousetheCommandLine
LearntouseSublimeTextforeditingcode,GitandGithubforpushing,pulling,andmanagingyourcode,
andHerokufordeployingyourappsonline
ObjectOrientedProgrammingwithRubyvariables,operators,conditionals,loops,andclasses
Learntotestyourappsandappmonitorperformance
Build Your First Web App: Reddit
EstablishfoundationalskillsforbuildingproductionqualityRailsappssuchasCRUD,debugging,adding
RubyGems,andworkingwithdatabases.
BringyourapptolifewithHTML,CSS,JavascriptandjQuery.
Adduserauthenticationanddatavalidation.
LearnTestDrivenDevelopmentwithRSpec
LaunchyourfirstwebappyourownversionofReddit.com
Frontend Web Development Essentials Syllabus
6weekcourse
$2,500
Getting started as a Frontend Web Developer
SetupadeveloperenvironmentandstartusingCommandLine,Github,andHeroku
Startlearningthecoresetoffrontendlanguages:HTML,CSS,andJavaScript
LearnandpracticewithjQuery
BuildyourownversionofRdiodesignedtohittheneedtoknowsoffrontendwebdevelopment
Going Deeper into Frontend Development
ContinuetopolishandimproveyourversionofRdiowithbetterCSSstylingandanimations
LearnintermediateCSSandaCSSmetalanguagecalledSass
LearnyourfirstAdvancedFrontendFramework:AngularJS
ConvertyourRdioappintoasinglepageAngularJSapplication
Full Stack Web Development Syllabus
12,18,and36weekcourseoptions
$4,500
PhaseOneFUNDAMENTALS
Set up your Development Environment and Learn the Fundamentals of Ruby
Setupawebdevelopmentenvironment.Inotherwords,turnyourlaptopintoacodingmachine
LearnhowtousetheCommandLine
LearntouseSublimeTextforeditingcode,GitandGithubforpushing,pulling,andmanagingyourcode,
andHerokufordeployingyourappsonline
ObjectOrientedProgrammingwithRubyvariables,operators,conditionals,loops,andclasses
Learntotestyourappsandappmonitorperformance
Build Your First Web App: Reddit
EstablishfoundationalskillsforbuildingproductionqualityRailsappssuchasCRUD,debugging,adding
RubyGems,andworkingwithdatabases.
BringyourapptolifewithHTML,CSS,JavascriptandjQuery.
Adduserauthenticationanddatavalidation.
LearnTestDrivenDevelopmentwithRSpec
LaunchyourfirstwebappyourownversionofReddit.com
PhaseTwoBUILDREALAPPS
Build a Wiki, an Analytics Service, a Bookmarking App, and more
Buildsixmorewebappsfromscratch.Bygivingyouamenuofappstochoosefrom,yougettofocus
ontheskillsandconceptsthatmostinterestyou.
Foryoursecondapp,trytacklingaWikipediaasaservicefreemiumappsouserscancreatetheirown
Wikis.ThenaddpaymentprocessingusingtheStripeAPI,sothatpayingcustomerscanunlockadded
functionality
Next,tryoutasocialbookmarkingapplikeDigg.LearntousetheFacebookOpenGraphsouserscan
createloginstoyourappseamlesslyusingaFacebookaccount.Whatsocialappwouldbecomplete
withoutfunctionalitytodriverepeatuserengagement?IntegrateyourappwithSendGridtosend
emailnotifications.
Here'sanother:buildaGoogleAnalyticslikeappsocustomerscantrackusereventshappeningon
theirwebsite.CreateaJavascriptsnippetthataclientcandropontheirwebsite,anddesignareporting
dashboardwheretheycanviewresults.
Your Capstone App
Workwithyourmentortodefinethescopeofyourdreamproject
Design,build,test,andlaunchyourcapstoneapp.Showoffyourcapstoneprojecttotheworld!
GraduatefromBloc,enterouralumnicommunity,andlaunchyourownstartup.
Android Mobile Development Syllabus
12,18,and36weekcourseoptions
$4,500
PhaseOneFUNDAMENTALS
Setup your development environment and learn the fundamentals of Java
ConfigureyourmachineforJavadevelopmentwithAndroidStudioandAndengineandsetupyournew
Androidphone(includedinthecostoftuition)
LearnaboutGit,GithubandtheJDK
GetcomfortablewithJavafromthebottomupandgetanoverviewofprogrammingconceptsincluding
ObjectOrientedProgramming,inheritance,polymorphism,andmore.
Build your first fully-featured android app: BlocNotes
Themosteffectivewaytolearnistobuildrealapps.You'llbuildfourappsstartingwithBlocNotes,asimple
versionofEvernoteforAndroid.
GetfamiliarwiththeAndroiddevelopmentprocess
LearnaboutUI,databases,andotherappfundamentals
Delighttheuserwithgreatfeatureslikeanimation,tabletsupport,widgetsandmore
PhaseTwoBUILDREALAPPS
Create Blockr, a Flickr-based photo app
Buildfourmorewebappsfromscratch.Bygivingyouamenuofappstochoosefrom,yougettofocusonthe
skillsandconceptsthatmostinterestyou.
Forexample,you'llbuildanappcalledBlocr,aphotoappthatleveragestheFlickrAPI.Buildinguponwhatyou
learnedwithyourfirstapp,inthissecondappyouwilllearnto:
AuthenticateandcommunicatewithInternetAPIs
Learntomanipulatephotos
Build Blocs, a game for Android
SincethelaunchoftheAndroidplatform,andacrossAndroidphones,tablets,andGoogleTVdevices,gaming
hascontinuedtobeoneofthemostimportantcategoriesofapplications.Anotherappyoucanchoosetobuild
isBlocs,agameforAndroid.
LearntheinsandoutsofAndEngine,anopensource2Dgameengine
Createagamewithgraphics,puzzlesandsounds
IncorporateGooglePlayGameServices:highscores,leaderboardsandachievements
PhaseOneFUNDAMENTALS
Prerequisites
Nopriorcodingexperiencerequired.
MusthaveaMacrunningOSX10.8.4orhigher(developingforiOSonaWindowsmachineisnot
supported)
Intro to Bloc
A1on1OrientationwithoneofBlocsProgramCoordinators
Introductionmeetingwithyourmentor
TheProjectBasedApproachtoLearning
Set Up Your Development Environment & Xcode
GettingtoknowXcode5
Push,pull,andmanageyourcodewithGitandGitHub
Usebasiccontrols,likebuttons,labelsandtextfields
Learn the Basics of iOS App Development with Objective-C
BasicObjectiveCSyntaxNumbers,Variables,Strings
If/ElseStatements,TernaryOperator,Equality
Loops,Arrays,Dictionaries,Simpledatatypesvs.Objects
PropertiesandScope
Now Learn the Basics of iOS App Development with Swift
IntroductiontoSwift
ComparingBasicsinSwiftandObjectiveC:Properties,Strings,Arrays,Dictionaries,Loops,Functions,
Tuples,andClosures
Project #1 - Build a Calculator
Storyboarding(Storyboards,Outlets,andActions)
SizingandStyling(UIViewController)
BasicNavigation(UINavigationController)
TabbedNavigation(UITabBarControllerIntrotoGit)
Project #2 - Build a Web Browser
BuildingaWebBrowserApp(UIWebView&Delegation)
ClearingBrowserHistory(UIApplicationDelegate)
AddingaNewToolbar(SubclassingUIView&TouchEvents)
HandlingGestures(GestureRecognizers)
Project #3 - Build Your First Complex App: Replica of Instagram
Displayingimagesinafeed
Addingusernamesandcaptions
AddingInfiniteScrollandpulltorefresh
ConnectwithInstagramanddisplayphotos
RememberingimagesandloginbetweenlaunchesusingKeychain
Enhance your Instagram App
Addfullscreenphotoviewingandsaving
Buildafancy"like"button(IntrotoCoreAnimation)
PostingimagestoInstagram(interactingwithotherapps)
Addingslickanimations
Localization&Accessibility
CustomizingyourAppforiPad
Get Your Instagram App Ready to Ship
WritingUnitTests
WhatisTestDrivenDevelopment?
CheckingforLogicErrors(StaticAnalysis)
Installinganalyticsandcrashhandlingservices
Settingyourappiconsandlaunchimages
CreatingyourapponiTunesConnect
PhaseTwoBUILDREALAPPS
Intro to Project Phase
ChoosefourappsliketheappsheretobuildusingeitherObjectiveCorSwift.Graduatebycompleting
yourfourapps,andsubmittingyourfinalapptotheAppStoreforreview.
InPhase2,expectlessguidancefromthecurriculum.Yourmentorwillactasaclientorproject
manager,provideyouwithprojectrequirements,andexpectyoutoapplywhatyouvelearnedtocreate
newappsfromscratch.
Workwithyourmentortodecidethebestapproach,critiqueyourwork,pairprogram,anddebug
Instagram Expanded
Inthisapp,buildupontheInstagramappyoucreatedinPhaseItoaddphotofiltersandprofilepages
LearnnewconceptsincludingALAssetsLibrary
ExpandyourknowledgeoftheInstagramAPI
Project #5: Pong
Inthisapp,buildaworkingreplicaofPong
LearnhowtouseSpriteKitandGameCenter
Project #6: To-Do List App
Inthisapp,buildatodolistappthatsyncswithiCloud
LearnnewconceptsincludingiCloudAPIs
Project #7: Capstone Project
Inthecapstone,studentsareencouragedtotaketheirownstartupideaandbringittolife.Manystudentsuse
thecapstoneasanopportunitytodeveloptheirskillsfurtherinanareaofinterest,orasaspringboardtolaunch
astartup.
Beginbyscopingyourprojectbydocumentingtherequirements,constraintsandpurpose,andreviewingwith
yourmentor.Considercreatinganapplicationroadmapanddefininguserstoriesbeforeyoubeginbuilding.
Graduate
Applyeverythingyouhavelearnedtodevelopyourappfromscratch.
Testyourapp,publishonline,andsharewiththeworld
GraduatefromBlocandenterthealumnicommunity
Frontend Web Development Syllabus
12,18,and36weekcourseoptions
$4,500
PhaseOneFUNDAMENTALS
Getting started as a Frontend Web Developer
SetupadeveloperenvironmentandstartusingCommandLine,Github,andHeroku
Startlearningthecoresetoffrontendlanguages:HTML,CSS,andJavaScript
LearnandpracticewithjQuery
BuildyourownversionofRdiodesignedtohittheneedtoknowsoffrontendwebdevelopment
Going Deeper into Frontend Development
ContinuetopolishandimproveyourversionofRdiowithbetterCSSstylingandanimations
LearnintermediateCSSandaCSSmetalanguagecalledSass
LearnyourfirstAdvancedFrontendFramework:AngularJS
ConvertyourRdioappintoasinglepageAngularJSapplication
PhaseTwoBUILDREALAPPS
Projects, Projects, Projects
Selectandcompleteatleastfourfollowupprojectswithyourmentor
Allprojectswillbuilduponandreinforceskillsyoulearnedinthefirstfourweeks
Someofourprojectswillintroduceyoutonewareasofsoftware/frontendwebdevelopment
Capstone Application
Startaprojectofyourchoicewithyourmentor
Prototypeabusinessidea,contributetoopensourcesoftware,orcontinuetobuildoutyourportfolioof
yourwork.
User Experience Web Design Syllabus
12,18,and36weekcourseoptions
$3,600
PhaseOneFUNDAMENTALS
Think Like a Designer
Learnthefundamentalsofdesignandessenceofproblemsolving.
CreateabrandidentityandwebsitemockupsasyoulearnandpracticeusingAdobe'sPhotoshopand
Illustrator.
Mastertheessentialsoffrontenddevelopment,asyoucompletethedesignforyourfirstwebappusing
HTML5&CSS3.
UnderstandResponsiveDesignandhowtolaunchawebsitethatnaturallyadaptstoanydeviceand
anyscreensize.
PhaseTwoDESIGNREALSTUFF
Design Mobile Apps
Learnthefundamentalsandtheconstraintsofdesigningformobile.
Designyoursecondappthistimewithalittlelesshelpfromus,andalittlemoreingenuity.Createa
foodtruckmobilepaymentsappforiOS7andiPhone.
LearnthedifferencesindesignpatternsbetweeniOS,AndroidandWindowsPhonebyredesigning
yourfoodtruckmobilepaymentsappforAndroidandWindowsPhone.
Gainanunderstandingofpresenting,selling,defendingandcritiquingyourwork.
Dive Deeper into UX
Discovertheprinciplesofgreatuserexperience.
Learnaboutusercentricdesign,focusingonusersandgoals.
Designyourthirdapp,acomplexwebappsimilartoKickstarter.Designuserflowsandwireframes.
Findouthowpersonasanduserresearchcaninfluenceyourfinalproduct.
Capstone: Show Off Your Work
Defineyourpersonalbrandidentity.
Translateyourbrandidentityintothedesignforyourfourthappaportfoliowebsitededicatedto
displayingyourpersonalityanddesignwork.
Combineeverythingyou'velearnedasyoudesign,code,test,andlaunchyourportfoliowebsite.
Showcasetheskillsyou'velearnedfrombeingaBlocdesignapprentice.
Buildyourportfoliotoshowyourpotentialclientsoremployers.