Full Stack Web Developer - Koenig-solutions

Full Stack Web DeveloperTechnologies:S.NO1234567TechnologiesHTML &CSSJavaScript, Object Oriented JavaScript& jQueryHTML5 &CSS3ANGULAR JSPHP&MYSQLCMS-DRUPAL or WORDPRESS OverviewLIVE PROJECT WITH WEB ADMINISTRATIONTOTAL DAYSDays3 DAYS5 DAYS5 DAYS5 DAYS6 DAYS2 DAYS2 DAYS28 DAYSObjective: Understand the importance of the web as a medium of communication.Understand the principles of creating an effective & dynamic web page, including an in-depthconsideration of Web Development.Exposure to become Web developerCourse Contents:HTML/CSSHow the web works The internet versus the Web Serving Up your information A word about browsers Web Page Addresses (URLs) The Anatomy of a Web PageSome Big Concepts You Need to Know A dizzying multitude of Devices Sticking with the standards Responsive Web Design One web for All (Accessibility) Site PerformanceCreating a Simple Page

A web page, Step by stepLaunch Text EditorStart with ContentGive the Document StructureIdentify Text ElementsAdd an ImageChange the Look with a Style SheetValidating Your DocumentsMarking up Text Paragraphs Heading Lists More Content Elements Organizing Page Content The Inline Element Roundup Generic Elements (div and span) Some special characters Putting It all TogetherAdding Links The href Attribute Linking to Pages on the Web Linking within Your Own Site Targeting a New Browser window Mail Links Telephone LinksAdding Images First, a word on Image Formats The img Element A Window in a window (ifram)Basic Table Markup FormsHow Tables Are UsedMinimal Table StructureTable HeadersSpanning CellsTable AccessibilityWrapping Up Tables

How Forms WorkThe form ElementVariables and ContentThe Great Form Control Round-upForm Accessibility FeaturesForm Layout and DesignCascading Style Sheets The Benefits of CSS How Style Sheets Work The Big Concepts Moving Forward with CSSFormatting Text The Font Properties Changing Text Color A Few More Selector Types Text Line Adjustments Underlines and Other "Decorations" Changing Capitalization Spaced Out Text Shadow Changing Lists Bullets and NumbersColors and Backgrounds Specifying Color Values Foreground Color Background Color Playing with Opacity Introducing. Pseudo-class Selectors Pseudo-element Selectors Attribute Selectors Background Images Like a Rainbow (Gradients) The Shorthand background Property Finally, External Style SheetsThinking inside the Box The Element BoxSpecifying Box Dimensions

Padding Borders Margins Assigning Display Roles Adding Drop Shadows to Boxes The Box Model in ReviewFloating and Positioning Normal FlowFloating Positioning Basics Relative Positioning Absolute Positioning Fixed PositioningPage Layout with CSS Page Layout Strategies Page Layout Techniques Multicolumn Layouts Using Floats Positioned Layout Top-to-Bottom Column BackgroundsCSS Techniques A Clean Slate (CSS Reset) Image Replacement Techniques CSS Sprites Styling Forms Styling Tables Wrapping Up Style SheetsWeb Graphics Basics Image Sources Meet the Formats Image Size and Resolution Working with Transparency PNG-8 "Alpha" Transparency Summing Up ImagesLearn and Mean Web Graphics General Optimization StrategiesOptimizing GIFsOptimizing JPEGsOptimizing PNGs

Optimize to File SizeOptimization in ReviewJavaScript Introduction to web development and JavaScriptHow to create a JavaScript applicationHow to test and debug a JavaScript applicationHow to get input and displays outputHow to work with numbers, strings, datesHow to code control statementsHow to create and use arrayHow to create and use functionHow to create and use objectsHow to use regular expressions, handle exceptions, and validate dataObject Oriented JavaScriptIntroduction Object Oriented mitive Data Types, Arrays, Loops and Conditions VariablesPrimitive Data TypesStringsNumbersArraysConditions and LoopsCode blocksComments

FunctionPredefined functionsScope of variablesAnonymous functionsFunctions are DataCallback functionsClosuresScope ChainObjects From arrays to objectsThe global objectThe constructor propertyRegexString MethodsReplace callbacksPrototype Prototype propertyAdding methods and properties using the prototypeEnumerating propertiesPrototype gotchasThe Browser Environment Including JavaScript in an HTML pageBOM and DOMEventsType of EventsCoding and Design Patterns Coding patternsNamespacesDesign PatternsSingletonFactoryObserverJQUERY

Working with jQuery The jQuery BasicsManaging the Element SelectionManipulating the DOMManipulating the ElementsWorking with EventsUsing jQuery EffectsUsing jQuery UI Setting Up jQuery UIUsing the Button, Progress Bar, and Slider WidgetsUsing the Autocomplete and Accordion WidgetsUsing the Tabs WidgetUsing the Datepicker WidgetUsing the Dialog WidgetUsing the Drag & Drop InteractionsUsing the Other InteractionsAdvanced Features Using the jQuery Utility MethodsThe jQuery UI Effects & CSS FrameworkUsing Deferred ObjectsHTML5 and CSS3Introduction To HTML5 : Why HTML5Benefits Of HTML5 over HTMLHTML 5 for Making Dynamic PageHTML5 for making GraphicsHTML5 for making VisualsHow to work with formsHow to use forms and controlsOther skills for working with formsHow to use the HTML5 features for data validationHow to use the HTML5 controlsA web page that uses HTML5 data validation

How to add audio and video to your web site An Introduction to media on the webHow to add audio and video to a web pageA web page that offers both audio and videoHow to format web pages for printing The skills for formatting printed web pagesA two-column web page with special formatting for printingAdvanced HTML5 How to embed fonts in a web pageHow to use the Geolocation featureHow to use the web storage featureHow to use the Canvas featureHow to use the Drag and Drop featureCSS3 features Introducing CSS3Media QueriesSelectorsPseudo-classes and Pseudo-elementsWeb FontsText Effects and Typographic StylesMultiple ColumnsBackground Images and Other Decorative PropertiesBorder and Box EffectsColor and OpacityGradients2D TransformationsTransitions and Animations3D TransformationsFlexible Box LayoutTemplate LayoutThe Future of CSSHTML5 & CSS3 for responsive web designOVERVIEW OF BOOTSTRAP 3.0ANGULAR JS

Getting Ready What Do You Need to Know?Structure to understand.How Do You Set Up Your Development Environment?Your First AngularJS App Using AngularJSApplying AngularJS to the HTML FileCreating a Data ModelCreating a ControllerCreating a ViewPutting AngularJS in Context Putting AngularJS in ContextUnderstanding Where AngularJS ExcelsUnderstanding Round-Trip and Single-Page ApplicationsUnderstanding the MVC PatternUnderstanding ModelsUnderstanding ControllersUnderstanding ViewsUnderstanding RESTful ServicesHTML and CSS Primer Understanding Void ElementsUnderstanding the Document StructureUnderstanding BootstrapApplying Basic Bootstrap ClassesUsing Bootstrap to Style TablesUsing Bootstrap to Create FormsUsing Bootstrap to Create GridsA Real Application Creating the Data StructureAdding the DataTesting the Data Service

Creating the Directory StructureInstalling the AngularJS and Bootstrap FilesBuilding the Basic OutlineDisplaying the Product DataDisplaying the Product DetailsDisplaying the Category ListNavigation and Checkout Using the Real Product DataCreating Partial ViewsCreating the CartAdding URL NavigationStarting the Checkout ProcessAdministration Adding Form ValidationPlacing OrdersAdministering the Product CatalogThe Anatomy of an AngularJS App Working with ModulesUsing Modules to Define AngularJS ComponentsUsing Modules to Organize CodeUsing Binding and Template Directives Why and When to Use DirectivesUsing the Data Binding DirectivesUsing the Template DirectivesUsing Element and Event Directives Using the Element DirectivesHandling EventsManaging Special AttributesWorking with Forms Using Form Elements with Two-Way Data BindingsValidating Forms

Providing Form Validation FeedbackUsing the Form Directive AttributesUsing Controllers and Scopes Why and When to Use Controllers and ScopesUnderstanding the BasicsOrganizing ControllersExplicitly Updating the ScopeUsing Filters Why and When to Use FiltersFiltering Single Data ValuesFiltering CollectionsCreating Custom FiltersCreating Custom Directives Creating a Custom DirectiveWorking with jqLiteCreating Complex Directives Defining Complex DirectivesUsing Directive TemplatesManaging Directive ScopesAdvanced Custom Directive Features Using TransclusionUsing Controllers in DirectivesCreating Custom Form ElementsWorking with Modules and Services Using Modules to Structure an ApplicationCreating and Using a ServiceUsing the Built-in Modules and ServicesServices for Global Objects, Errors and Expressions Accessing the DOM API Global ObjectsDealing with ExceptionsWorking with Dangerous DataWorking with AngularJS Expressions and Directives

Services for Ajax and Promises Making the Ajax RequestReceiving Ajax ResponsesConfiguring Ajax RequestsSetting Ajax DefaultsUsing Ajax InterceptorsGetting and Using the Deferred ObjectConsuming the PromiseUnderstanding Why Promises Are Not Regular EventsChaining Outcomes TogetherGrouping PromisesServices for REST Using the http ServiceHiding the Ajax RequestsServices for Views Using URL RoutingUsing Route ParametersConfiguring RoutesServices for Animation and Touch Animating ElementsSupporting Touch EventsServices for Provision and Injection Why and When to Use the Provision and Injection ServicesRegistering AngularJS ComponentsManaging InjectionServices for Testing Working with Karma and JasmineUnderstanding the Mock ObjectsTesting a ControllerUsing the Mock ObjectsTesting Other Components

PHP-MYSQLIntroduction to Web Development with PHP The architecture of a web applicationThe Product Discount applicationHow to edit and test a PHP applicationHow to use NetBeans to develop a PHP applicationHow to code a PHP application Basic PHP skillsHow to get data from a requestHow to work with dataThe Product Discount applicationHow to code control statementsThe Future Value applicationHow to use the PHP documentationIntroduction to relational database with MySQL An introduction to relational databaseThe SQL statements for data manipulationAn introduction to MySQLHow to use phpMyAdminHow to use PHP with a MySQL database PHP for working with MySQLHow to get data from a result setThe Product Viewer applicationThe Product Manager applicationHow to Use the MVC pattern to organize your code

How to use the MVC patternThe Product Manager applicationThe Product Catalog applicationHow to test and debug a PHP application An introduction to testing and debuggingHow to debug with xDebug and NetbeansHow to work with form data How to get data from a formHow to display data on a web pageHow to code control statements How to code conditional expressionsHow to code the selection structuresHow to code the iteration structuresHow to work with strings and numbers How to work with stringsHow to work with numbersOther skills for working with strings and numbersHow to work with dates How to use timestamps to work with datesHow to use objects to work with datesHow to create and use arrays How to create and use an arrayHow to create and use an associative arrayHow to use functions to work with arraysHow to work with array of arraysThe Task List Manager applicationHow to work with cookies and sessions How to work with cookiesHow to work with sessionsThe Shopping Cart applicationHow to create and use functions