Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Full Stack Web Development

Full-Stack Web Development For Beginners

Learn Frontend and Backend Web Development Using: HTML, CSS, JAVASCRIPT, NODE, SQL,POSTGRESQL,REACT,RESTful APIs
Rating: 4.1 out of 54.1 (389 ratings)
22,892 students
Created by Bluelime Learning Solutions
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Be able to use frontend web development skills to build website : HTML ,CSS,JAVASCRIPT
  • Learn to use bootstrap
  • Build a calculator with frontend web development skills
  • Build a Todo List using frontend web development skills
  • Build an interactive quiz app with frontend web development skills
  • Build a countdown timer using frontend web development skills
  • Be able to use Node and Express for backend web development
  • Learn how to use JavaScript ES6
  • Learn to use NoSQL Databases like MongoDB with your web development projects
  • Learn to use SQL with PostgreSQL
  • Learn to create databases and tables
  • Learn to build a REST API from scratch
  • Learn to use Chrome development tools
  • Learn JSON , XML, AJAX
  • Learn how to use version control with Git and Github
  • Learn to use jQuery and create animations and chaining
  • Learn how to interact with the command line interface
  • Learn how routing works
  • Build a chat application from scratch with backend web development skills: Node and express
  • Learn how to deploy your applications to the world
  • Learn React and build components

Course content

32 sections • 393 lectures • 36h 32m total length

  • Preview03:08
  • Preview02:56
  • Preview01:28
  • Installing Text Editors
    07:16
  • Installing SublimeText
    04:17
  • Installing Visual Studio Code
    04:54
  • Installing Web Browsers
    02:44
  • What is HTTP
    06:20
  • How the web works
    05:05
  • Planning your web project
    01:44
  • Sketching your web project
    01:50
  • Choosing Assets
    04:06
  • Creating Project Directory
    07:34

  • What is HTML
    04:03
  • Anatomy of an HTML Element
    03:09
  • Basic structure of an HTML Document
    09:16
  • Creating a basic HTML Document Structure : Part 1
    06:03
  • Creating a basic HTML Document Structure : Part 2
    06:49
  • Creating a basic HTML Document Structure : Part 3
    10:39
  • HTML Attributes
    06:08
  • Marking Up Text
    08:21
  • Creating Links
    07:53
  • HTML Code Comments
    07:37
  • Viewing HTML Source Code
    06:06

  • What is CSS
    06:05
  • Ways to apply CSS
    11:09
  • Styling Multiple Properties
    02:38
  • Styling multiple elements
    02:58
  • Modifying CSS
    04:59
  • CSS Basic Selectors
    09:19
  • Css Comments
    04:57
  • CSS Box Model
    03:49
  • CSS Margin and Padding Property
    10:48
  • Changing Background Color
    04:13
  • CSS Border Property
    07:11
  • CSS Positioning
    06:54
  • CSS Display Property
    07:49
  • CSS Font Property
    04:37
  • Using Google Fonts
    06:37

  • What is Bootstrap
    03:14
  • Bootstrap Installation Options
    06:13
  • Download Bootstrap
    07:50
  • Bootstrap Dependencies
    04:34
  • Bootstrap Minimum Template
    10:14
  • Basic HTML Document Anatomy
    09:28
  • Create a basic website with Bootstrap
    04:56
  • Create Buttons Using Bootstrap
    04:57
  • Create Progress Bar Using Bootstrap
    04:40

  • What is JavaScript
    02:38
  • Where to place JavaScript
    08:20
  • JavaScript Variables
    08:16
  • Variable Naming Convention
    03:47
  • JavaScript Arrays
    07:48
  • Data Types
    10:57
  • Mixing Data Types
    05:18
  • JavaScript Operators
    01:22
  • Arithmetic Operators
    06:42
  • Operator Precedence
    04:34
  • String Operators
    04:28
  • Comparison Operators
    07:35
  • Logical Operators
    03:45
  • TypeOf Operators
    03:03
  • Conditional Statements
    06:23
  • Functions
    08:21
  • JavaScript Code Comments
    03:08
  • Linting Tools
    05:17
  • JavaScript Events
    06:39
  • Changing Images on a webpage
    09:04
  • Fixing JS Lint Warnings : Part 1
    06:42
  • Fixing JS Lint Warnings : Part 2
    02:56
  • Adding Welcome Message to Web Page
    15:11

  • What is Chrome Developer Tools
    02:02
  • Setting up environment
    01:32
  • What is ATOM
    04:32
  • Installing Atom
    00:41
  • ATOM Live Server
    05:40
  • The DOM
    05:47
  • How to access chrome dev tools
    04:00
  • Resource Files
    01:40
  • DevTools Groups
    02:24
  • Exploring Dev Tools Options
    05:02
  • Simulating Mobile Devices
    06:15
  • Working with Element Panel
    06:56
  • Setting Up Persistence
    08:45
  • Editing The Box Model
    05:26
  • Using The Console
    09:42
  • Exploring Other DevTools Panels
    04:44
  • Debugging JavaScript Using DevTools
    03:28
  • Step 1: Reproducing the bug
    02:04
  • Step 2: Pausing the code with a breakpoint
    03:40
  • Step 3: Stepping through the code
    04:39
  • Step 4: Setting up another breakpoint
    03:28
  • Step 5: Checking variables values
    06:11
  • Step 6: Applying fix to code base
    07:23

  • Introduction
    03:08
  • Using JS Fiddle
    07:08
  • Using Code Pen
    07:33
  • Using JS BIN
    09:12
  • Using Plunker
    08:03
  • Using LiveWeave
    05:20
  • Using Dabblet
    04:26

  • What is ECMAScript
    01:14
  • ECMAScript Versions
    01:27
  • What is a Scripting Language
    02:49
  • Chrome Development Console
    04:05
  • What is an Expression
    04:54
  • Variables
    08:16
  • Variable Naming Convention
    03:47
  • Arrays
    07:48
  • Functions
    08:21
  • Using Strict Directive
    03:27
  • Using Let
    10:12
  • Using Const
    05:53
  • Const | Let | Var
    02:56
  • Default Parameter Values
    05:12
  • Array Find Index
    06:32
  • Exponential Operator
    04:25
  • String Padding
    04:12
  • Object Entries Method
    08:07
  • Object Values Method
    03:46
  • Async Function
    06:37
  • JavaScript Proxies
    07:36
  • Generators
    05:07
  • Spread Properties
    04:10
  • REST Parameters
    06:01
  • Template Literals
    05:48
  • Destructuring
    05:36
  • Getters and Setters
    05:37
  • Using SET
    05:27
  • Arrow Functions
    08:26
  • Map
    07:45
  • Spread Syntax
    06:06
  • FOR OF Statement
    05:36
  • Classes
    03:14
  • Declaring Classes
    02:33
  • Creating class with expressions
    03:42
  • Checking Constructor Property
    03:57

  • Introduction to JavaScript Objects
    05:34
  • Ways to create JavaScript Objects
    01:52
  • Creating JavaScript Objects with Object Literals
    04:56
  • Creating JavaScript Objects using new keyword
    04:36
  • Creating JavaScript Objects Using Constructor Function
    07:54
  • Adding and deleting Object Properties
    02:43
  • JavaScript Object Methods
    03:05
  • JavaScript Object Prototypes
    08:49

  • What is this keyword
    04:25
  • Using this globally
    01:49
  • Using this inside an object
    03:19
  • Using this inside a method
    06:28
  • Using this inside a function
    14:08

Requirements

  • No Programming experience required.
  • A Mac or Pc with access to the internet

Description

A full stack developer is a web developer or engineer who can develop both the front end and back end of a website or application.

They can tackle projects that involve databases, building user-facing websites, or even work with clients during the planning phase of projects.

Full stack web developers usually have some of the following  front end and back end skill sets.


Front End Skills ( This is used to build the client software or application)

  • HTML

  • CSS

  • Bootstrap

  • JavaScript

  • JSON

  • XML

  • JQuery

  • Angular

  • React


Back End Skills ( This is used to build the server software or application)

  • Nodejs

  • Expressjs

  • REST

  • SQL

  • MongoDB

  • Python

  • Java

  • C#

  • ASP

  • PHP

  • RUBY

  • C++



Being a full-stack web developer equips you with the skill set to develop web based projects. You can prototype quickly and switch between front and back end  development based on requirements.



Who this course is for:

  • Beginners to web development
  • Beginners to coding and programming
  • Students who want to build applications for the web .

Instructor

Bluelime Learning Solutions
Learning made simple
Bluelime Learning Solutions
  • 4.2 Instructor Rating
  • 17,340 Reviews
  • 406,108 Students
  • 221 Courses

Bluelime is UK based and creates quality easy to understand  eLearning  solutions .All our courses are 100% video based. We teach hands –on- examples  that teach real life skills .

Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.