Web Development Courses Online

About

Laravel is a free, open-source PHP web framework, created by Taylor Otwell and intended for the development of web applications following the model–view–controller (MVC) architectural pattern and based on Symfony. Some of the features of Laravel are a modular packaging system with a dedicated dependency manager, different ways for accessing relational databases, utilities that aid in application deployment and maintenance, and its orientation toward syntactic sugar.

Content

• MVC concepts
• Installation of Laravel 4
• Front-end and Back-end Development
• Web Application configuration
• Build RESTful
• Cart creation
• Payment Gateways
• Deployment

About

Vue.js is an open-source model–view–ViewModel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You and is maintained by him and the rest of the active core team members.

Content

• Overview
• History
  • Versions
• Features
  • Components
  • Templates
  • Reactivity
  • Transitions
  • Routing
• Ecosystem
  • Official tooling
  • Official libraries

About

AngularJS is a JavaScript-based open-source front-end web framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–viewmodel (MVVM) architectures, along with components commonly used in rich Internet applications.

AngularJS is used as the frontend of the MEAN stack, consisting of MongoDB database, Express.js web application server framework, Angular.js itself, and Node.js server runtime environment. Version 1.8.x is on Long Term Support until December 31st, 2021. After that date Google will no longer update AngularJS and Angular (2.0+) is suggested instead.

Content

• Overview
• Scope
• Bootstrap
• Two-way data binding
• Development history
  • Legacy browser support
  • Angular and AngularDart
  • Angular Universal
• Libraries
  • AngularJS Material
• Chrome extension

About

CodeIgniter (CI) is an open-source software rapid development web framework, for use in building dynamic web sites with PHP. CodeIgniter is most often noted for its speed when compared to other PHP frameworks.

Content

• Set-up CI package
• The Model-View-Controller (MVC) pattern for organizing a dynamic website
• Structure of a CI site
• Views and controllers
• Object-oriented aspects of CI
• Integrating databases and simplifying your database access
• CI's built-in classes
• HTML forms with CI form helpers
• Email from CI
• CI for testing
• XML-RPC server
• Developing Create, Update, Delete, and Read (C.R.U.D) data entries

About

JSON (JavaScript Object Notation, pronounced is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types (or any other serializable value). It is a very common data format, with a diverse range of applications, such as serving as a replacement for XML in AJAX systems.

JavaScript often abbreviated as JS, is a programming language that conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions.

Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide Web. JavaScript enables interactive web pages and is an essential part of web applications. The vast majority of websites use it for client-side page behavior, and all major web browsers have a dedicated JavaScript engine to execute it.

The exchange of data over the web has been administered since its origin. Delimiter-separated lists like CSV and tag-separated languages like XML area unit highly regarded, nonetheless, they're thought of to be long-winded by the vicinity of developers. JSON (JavaScript Object Notation) could be a light-weight text-based code to form objects to transfer knowledge over the web. it's an information exchange format that's human-readable (like XML, however, while not the markup around your actual payload) and its syntax could be a set of the JavaScript language that was standardized in 1999.

Content

• Real-time JSON
• Transfer JSON data 
• Fire cross-domain 
• Serialize and transmit data
• Carousel application
• Alternate implementations of JSON
• JSON debugging

\

About

Node.js is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser. Node.js lets developers use JavaScript to write command-line tools and for server-side scripting—running scripts server-side to produce dynamic web page content before the page is sent to the user's web browser. Consequently, Node.js represents a "JavaScript everywhere" paradigm, unifying web application development around a single programming language, rather than different languages for server-side and client-side scripts.

Node.js allows the creation of Web servers and networking tools using JavaScript and a collection of "modules" that handle various core functionalities. Modules are provided for file system I/O, networking (DNS, HTTP, TCP, TLS/SSL, or UDP), binary data (buffers), cryptography functions, data streams, and other core functions. Node.js's modules use an API designed to reduce the complexity of writing server applications.

Content

• Introduction
• Downloading and Installation
• Simple Node Web Server creation
• Show Different Web Pages
• Git Version Control
• Github .com

About

GraphQL is an open-source data query and manipulation language for APIs, and a runtime for fulfilling queries with existing data. GraphQL was developed internally by Facebook in 2012 before being publicly released in 2015. On 7 November 2018, the GraphQL project was moved from Facebook to the newly-established GraphQL Foundation, hosted by the non-profit Linux Foundation. Since 2012, GraphQL's rise has followed the adoption timeline as set out by Lee Byron, GraphQL's creator, with accuracy. Byron's goal is to make GraphQL omnipresent across web platforms.

Content

• GraphQL server features
• React and Relay with GraphQL.
• Create your own GraphQL API
• Testing GraphQL backend
• Scaling/pagination for a GraphQL API coupled with Relay client
• Tests for backend and frontend

About

Backbone.js is a JavaScript library with a RESTful JSON interface and is based on the model–view–controller application design paradigm. Backbone is known for being lightweight, as its only hard dependency is on one JavaScript library, Underscore.js, plus jQuery for use of the full library. It is designed for developing single-page web applications, and for keeping various parts of web applications (e.g. multiple clients and the server) synchronized. Backbone was created by Jeremy Ashkenas, who is also known for CoffeeScript and Underscore.js.

When handling the DOM Backbone.js adopts an imperative programming style, in contrast with a declarative programming style (common in AngularJS using data-attributes).

Content

• Features
• The use
• models and views with key-value binding and custom events
• collections with a rich API of enumerable functions
• API Integration
• View Rendering
• backbone.events
• backbone.model
• backbone.collection
• backbone.router
• backbone.history

About

Plone is a free and open-source content management system built on top of the Zope application server. Plone is positioned as an "Enterprise CMS" and is commonly used for intranets and as part of the web presence of large organizations. High-profile public sector users include the U.S. Federal Bureau of Investigation, Brazilian Government, United Nations, City of Bern (Switzerland), New South Wales Government (Australia), and European Environment Agency. Plone's proponents cite its security track record and its accessibility as reasons to choose Plone.

Plone runs on the Zope application server, which is written in Python. Plone by default stores all information in Zope's built-in transactional object database (ZODB). It comes with installers for Windows, macOS, and Linux, along with other operating systems.

Content

• Features of Plone
• Configure Plone's UI and create an advanced UI platform 
• Creation of users and groups
• Create and customize portlets on the website to enhance the web components
• Master Plone's powerful workflow and security system
• Building a site
• Customized Plone template
• Site Deployment, configure caching, and connect to an LDAP/Active Directory

About

Ember.js is an open-source JavaScript web framework, utilizing a component-service pattern. It allows developers to create scalable single-page web applications by incorporating common idioms, best practices, and patterns from other single-page-app ecosystem patterns into the framework.

Ember is used on many popular websites, including Apple Music, Square, Inc., Discourse, Groupon, LinkedIn, Live Nation, Nordstrom, Twitch, and Chipotle. Although primarily considered a framework for the web, it is also possible to build desktop and mobile applications in Ember. The most notable example of an Ember desktop application is Apple Music, a feature of the iTunes desktop application. The Ember trademark is owned by Tilde Inc.

Content

• Philosophy and design
• Basic concepts
• Ember software stack
  • Ember CLI
  • Ember Data
  • Ember Inspector
  • Fastboot
  • Liquid Fire

About

ECMAScript is a general-purpose programming language, standardized by Ecma International according to the document ECMA-262. It is a JavaScript standard meant to ensure the interoperability of Web pages across different Web browsers. ECMAScript is commonly used for client-side scripting on the World Wide Web, and it is increasingly being used for writing server applications and services using Node.js.

Content

• ECMAScript, ECMA-262 and JavaScript
• History and versions
• Features
  • Imperative and structured
  • Weakly typed
  • Dynamic
  • Transpiling

About

TypeScript is a programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language. TypeScript is designed for the development of large applications and transcompiles to JavaScript. As TypeScript is a superset of JavaScript, existing JavaScript programs are also valid TypeScript programs.

TypeScript may be used to develop JavaScript applications for both client-side and server-side execution (as with Node.js or Deno). There are multiple options available for transcompilation. Either the default TypeScript Checker can be used, or the Babel compiler can be invoked to convert TypeScript to JavaScript.

TypeScript originated from the shortcomings of JavaScript for the development of large-scale applications both at Microsoft and among their external customers. Challenges with dealing with complex JavaScript code led to a demand for custom tooling to ease the development of components in the language.

Content

• History
• Design
  • ECMAScript 2015 (Classes and Modules)
• Features
  • Compatibility with JavaScript
  • Type annotations
  • Classes
  • Generics
  • Modules and namespaces
• Development tools
  • Compiler
  • IDE and editor support
  • Integration with build automation tools
  • Linting tools

About

Lodash is a JavaScript library that provides utility functions for common programming tasks using the functional programming paradigm.

Content

• Installation
• Module formats
• Complementary Tools
• Utilities 
• Function 
• String
• Array
• Collection
• Object 
• Seq 

About

Less (Leaner Style Sheets; sometimes stylized as LESS) is a dynamic preprocessor style sheet language that can be compiled into Cascading Style Sheets (CSS) and run on the client-side or server-side. Designed by Alexis Sellier, Less is influenced by Sass and has influenced the newer "SCSS" syntax of Sass, which adapted its CSS-like block formatting syntax. Less is open-source. Its first version was written in Ruby; however, in the later versions, the use of Ruby has been deprecated and replaced by JavaScript. The indented syntax of Less is a nested metalanguage, as valid CSS is valid Less code with the same semantics. Less provides the following mechanisms: variables, nesting, mixins, operators, and functions; the main difference between Less and other CSS precompilers being that Less allows real-time compilation via less.js by the browser.

Content

• Features
  • Variables
  • Mixins
  • Functions and operations
• Comparison
  • Sass
• Use on sites
• Less software

About

Underscore.js is a JavaScript library that provides utility functions for common programming tasks. It is comparable to features provided by Prototype.js and the Ruby language but opts for a functional programming design instead of extending object prototypes. For example, Underscore.js' _.each() function delegates to the host environment's native forEach implementation when present or a compatible version when absent. The documentation refers to Underscore.js as "the tie to go along with jQuery's tux, and Backbone.js' suspenders." Underscore.js was created by Jeremy Ashkenas, who is also known for Backbone.js and CoffeeScript.

Content

• Functions for manipulating objects
• Functions for manipulating arrays
• Functions for both manipulating objects and arrays
• Functions for manipulating other functions
• Utility and Chaining

About

Responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes. Recent work also considers the viewer proximity as part of the viewing context as an extension for RWD. Content, design and performance are necessary across all devices to ensure usability and satisfaction.

A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule, in the following ways:

• The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points.
• Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element.
• Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, e.g. width of the rendering surface (browser window width or physical display size).
• Responsive layouts automatically adjust and adapt to any device screen size, whether it is a desktop, a laptop, a tablet, or a mobile phone.

Content

• Related concepts
• Challenges, and other approaches

About

Alfresco is a collection of information management software products for Microsoft Windows and Unix-like operating systems developed by Alfresco Software Inc. using Java technology. Their primary software offering, branded as a Digital Business Platform is proprietary & a commercially licensed open-source platform that supports open standards and provides enterprise scale.

Alfresco Software Inc. also provides open-source Community Editions as free, LGPLv3 licensed open-source software. These have some default restrictions in terms of scalability and availability, e.g. there is no built-in clustering support. Quality assurance by Alfresco is limited and bug fixes are only issued for the current versions. There is community support for the Community Edition including an independent association, the Order of the Bee.

Content

• History
• Products
  • Alfresco Content Services (ACS)
  • Alfresco Process Services (APS)
  • Alfresco Governance Services (AGS)
  • Alfresco Community Edition
  • Activiti
• Usage
• Features

About

HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and last major HTML version that is a World Wide Web Consortium (W3C) recommendation. The current specification is known as the HTML Living Standard. It is maintained by a consortium of the major browser vendors (Apple, Google, Mozilla, and Microsoft), the Web Hypertext Application Technology Working Group (WHATWG).

Content

• Features and APIs
• Features
  • Markup
  • New APIs
  • XHTML 5 (XML-serialized HTML 5)
  • Error handling
  • Popularity
  • Differences from HTML 4.01 and XHTML 1.x

About

The canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images. It is a low level, procedural model that updates a bitmap and does not have a built-in scene graph, but through WebGL it allows 3D shapes and images to be displayed. HTML5 Canvas also helps in making 2D games.

Content

• History
• Usage
• Example
• Canvas element size versus drawing surface size
• Canvas versus Scalable Vector Graphics (SVG)
• Reactions
  • Intellectual property over canvas
  • Privacy concerns
• Browser support

About

Elm is a domain-specific programming language for declaratively creating web browser-based graphical user interfaces. Elm is purely functional and is developed with an emphasis on usability, performance, and robustness. It advertises "no runtime exceptions in practice", made possible by the Elm compiler's static type checking.

Content

• History
• Features
  • Immutability
  • Static types
  • Module system
  • Interoperability with HTML, CSS, and JavaScript
  • Backend
• The Elm Architecture
• Limitations
• Example code

About

TypeScript is programming language, superset of JavaScript that compiles to JavaScript It is a programming language. TypeScript is mainly influenced by JavaScript, C# and Java. TypeScript follows a programming paradigm of functional programming, generic programming and imperative programming. TypeScript is developed by MicrosoftIt is designed by Microsoft

Content

• Start up TypeScript project, includes NPM and Gulp extensions
• Featured modules
• Third-party JavaScript libraries migration into your TypeScript project
• Running and debugging

About

Website creation has changed from simply writing some Hypertext Markup Language (HTML) code and loading it to the World Wide Web. HTML is what the first website developers had to use and, while it worked, by itself it is cumbersome and tedious. It still serves a major role in web site design and is the main markup language for displaying web pages and other information that can be displayed in a web browser. However, the growing demand for complicated and complex websites has grown to help foster the creation of Web Authoring Software. Website creation now encompasses a range of skills including graphic design, web design, programming, system integration, audio editing, and video editing. Larger commercial websites use Content Management Systems (CMS) such as Drupal and Joomla (open source), Adobes’ Dreamweaver (commercial software), and WordPress (also open source).

These Web authoring software programs encompass a variety of programming tools and languages including PHP, Ruby on Rails and JavaScript, and WYSIWYG HTML editors to provide custom features quickly to a website under construction. Web authoring software is software used by web designers and developers to create applications and websites across multiple platforms including tablets and browsers. A primary purpose of using Web authoring software is to utilize a web standards-based framework for websites that flow easily across multiple screens. Web authoring software automates and organizes many of the tasks and steps needed to put together a well thought out website. Web site prototypes are created using artwork, video, audio, and text, using accepted standards for web page creation.

Content

• History
• Introduction
• Glimpse on Various Web Authoring Software 

About

You may have heard of Joomla! or Drupal or any other number of CMS's, but they all have the same, uneditable, uniform feel to them. There is no way to break free of the bonds that tie you down to the system. This is not true with a relatively new addition to the CMS scene, Modx. Modx is powerful and fast, while still being 100% customizable in every way. It does not matter what you want to do in Modx, if it can be done in PHP, it can be done in this powerhouse of a framework.

Modx is several things. It is a customizable web application builder, a website builder, a content management system (CMS), and much more. Basically, it is a powerful tool for creating almost anything you want in an easy to use graphical user interface (GUI).

Content

• Introduction
• Features
• The framework
• Application

About

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

Bootstrap is among the most starred projects on GitHub, with more than 142,000 stars, behind freeCodeCamp (almost 312,000 stars) and marginally behind Vue.js framework.

Bootstrap is a HTML, CSS & JS Library that focuses on simplifying the development of informative web pages (as opposed to web apps). The primary purpose of adding it to a web project is to apply Bootstrap's choices of color, size, font, and layout to that project. As such, the primary factor is whether the developers in charge find those choices to their liking. Once added to a project, Bootstrap provides basic style definitions for all HTML elements. The result is a uniform appearance for prose, tables, and form elements across web browsers. In addition, developers can take advantage of CSS classes defined in Bootstrap to further customize the appearance of their contents. For example, Bootstrap has provisioned for light- and dark-colored tables, page headings, more prominent pull quotes, and text with a highlight.

About

Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by him and the rest of the active core team members.

Content

• Overview
• History
• Features
  • Components
  • Templates
  • Reactivity
  • Transitions
  • Routing
• Ecosystem
  • Official tooling
  • Official libraries

About

Yeoman is an open-source client-side scaffolding tool for web applications. Yeoman runs as a command-line interface written for Node.js and combines several functions into one place, such as generating a starter template, managing dependencies, running unit tests, providing a local development server, and optimizing production code for deployment.

Content

• Getting Started
• Installation and generators
• Scaffolding
• Commands
• Troubleshooting

About

Microservice architecture – a variant of the service-oriented architecture (SOA) structural style – arranges an application as a collection of loosely coupled services. In a microservices architecture, services are fine-grained and the protocols are lightweight.

Content

• Introduction
• Service granularity
• Benefits
• Criticism and concerns
  • Cognitive load
• Technologies
  • Service mesh
  • A comparison of platforms

About

Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to (and inspired by) Facebook's Flux architecture.

Redux is a small library with a simple, limited API designed to be a predictable container for application state. It operates in a similar fashion to a reducing function, a functional programming concept.

Content

• Introduction
• Basic usage
• Building user interfaces

About

Redis (Remote Dictionary Server) is an in-memory data structure store, used as a distributed, in-memory key–value database, cache and message broker, with optional durability. Redis supports different kinds of abstract data structures, such as strings, lists, maps, sets, sorted sets, HyperLogLogs, bitmaps, streams, and spatial indexes. The project is developed and maintained by a project core team and as of 2015 is sponsored by Redis Labs. It is open-source software released under a BSD 3-clause license.

Content

• History
• Differences from other database systems
• Popularity
• Supported languages
• Data types
• Persistence
• Replication
• Performance
• Clustering
• Use cases

About

Express.js, or simply Express, is a back-end web application framework for Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js.

Content

• Getting Started
• Installation
• Hello World
• Express generator
• Basic Routing
• Static Files
• Debugging
• Sample programs

About

PrestaShop is a freemium, open-source e-commerce platform. The software is published under the Open Software License (OSL). It is written in the PHP programming language with support for the MySQL database management system. It has a software dependency on the Symfony PHP framework.

PrestaShop is currently used by 300,000 shops worldwide and is available in 60 different languages.

Content

• History
• Business model
• Features
  • Themes
  • Modules

About

Three.js is a cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL. The source code is hosted in a repository on GitHub.

Content

• Overview
• History
• Features
• Usage

About

A progressive web application (PWA) is a type of application software delivered through the web, built using common web technologies including HTML, CSS, and JavaScript. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices.

PWA features narrow the gap between user experience in web-based and native applications.

Since a progressive web app is a type of webpage or website known as a web application, they do not require separate bundling or distribution. In particular, there is no requirement for developers or users to install web apps via digital distribution systems like Apple App Store or Google Play. However, for many PWA providers, the lack of visibility of the PWA in those distribution systems is a disadvantage compared to native apps. To varying degrees, the major app stores started to embrace PWAs, allowing them to be found in app stores.

Content

• Background
• Characteristics
• Comparison with native apps
• Technologies
  • Manifest
    • iOS support
  • WebAssembly
  • Data storage
    • Web Storage
    • Service workers
    • Indexed Database API
    • AppCache (obsolete)

About

CoffeeScript is a programming language that compiles to JavaScript. It adds syntactic sugar inspired by Ruby, Python, and Haskell in an effort to enhance JavaScript's brevity and readability. Specific additional features include list comprehension and destructuring assignment.

Content

• History
• Syntax
• Development and distribution
• Latest additions
• Extensions

About

Unlike CSS 2, which is a large single specification defining various features, CSS 3 is divided into several separate documents called "modules". Each module adds new capabilities or extends features defined in CSS 2, preserving backward compatibility. Work on CSS level 3 started around the time of publication of the original CSS 2 recommendation.

Due to the modularization, different modules have different stability and statuses.

Some modules have Candidate Recommendation (CR) status and are considered moderately stable. At CR stage, implementations are advised to drop vendor prefixes.

Content

• Syntax
  • Selector
  • Declaration block
    • Length units
  • Use
  • Sources
  • Specificity
  • Inheritance
  • Whitespace
  • Positioning
    • Position property
    • Float and clear
• Browser support
• Limitations
  • Former issues
• Advantages
• Standardization
  • Frameworks
  • Design methodologies

About

React Native is an open-source mobile application framework created by Facebook, Inc. It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP by enabling developers to use React's framework along with native platform capabilities.

Content

• History
• Implementation
• Hello World example

About

In software programming, ReactiveX (also known as Reactive Extensions) is a set of tools allowing imperative programming languages to operate on sequences of data regardless of whether the data is synchronous or asynchronous. It provides a set of sequence operators that operate on each item in the sequence. It is an implementation of reactive programming and provides a blueprint for the tools to be implemented in multiple programming languages.

Content

• Overview
  • Motivation
  • Observables and observers
  • Reactive operators
    • Reactive operator examples