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 Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation 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
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging 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

Learn Professional Web Development Skills From Scratch -2019

Gain Practical skills to become a web developer
Rating: 4.1 out of 54.1 (50 ratings)
17,404 students
Created by Bluelime Learning Solutions
Last updated 11/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Create Real web Applications
  • Create application and website structure using HTML
  • Apply styling to web application using CSS
  • Create applications that runs inside a web browser
  • Create interaction for web application using Javascript
  • Gain frontend web development skills
  • Gain backend web development skills
  • Create and interact with databases using MongoDB
  • Understand how to use chrome developer tools
  • Create buttons and Image Carousel with Bootstrap
  • Create a Real Time Chat App with Nodejs Expressjs MongoDB and Socketio
  • Create a blog application using Ruby on Rails
  • Initialize a git repository
  • Deploy applications online using Heroku
  • Understand web communication using HTTP

Course content

23 sections • 337 lectures • 32h 0m total length

  • Preview02:02
  • Preview05:05
  • Preview06:20
  • What is an API ?
    05:57
  • Frontend Web Development
    02:29
  • Backend Web Development
    01:39
  • Core web development languages
    04:25

  • Codepen
    07:33
  • JSBIN
    09:12
  • JSFiddle
    07:08
  • Plunker
    08:03
  • Dabblet
    04:26
  • Liveweave
    05:20

  • Computer
    00:02
  • Text editor
    03:42
  • Atom text editor
    03:57
  • Brackets text editor
    07:11
  • SublimeText editor
    03:21
  • Visual studio code editor
    06:00
  • Web browsers
    02:44
  • Version control system
    01:51

  • Planning
    01:44
  • Designing your project
    01:50
  • Choosing your assets
    04:06
  • Creating project directory and files
    07:34

  • What is HTML
    04:03
  • Anatomy of an HTML Element
    04:27
  • HTML Element Hierarchy
    02:57
  • Nesting Elements
    03:08
  • Empty elements
    03:17
  • Basic anatomy of an HTML Document
    08:24
  • Basic structure of an HTML document
    09:17
  • Create HTML document structure - part 1
    06:03
  • Create HTML document structure - part 2
    06:49
  • Create HTML document structure - part 3
    10:39
  • Introduction to HTML Attributes
    06:08
  • Using HTML Attributes
    07:08
  • Marking UP Text
    08:21
  • Creating Links
    07:53
  • Adding comments to your code
    04:18
  • What is a source code
    06:06
  • HTML Images
    06:20
  • Editing yout HTML Document
    01:50
  • Indenting your code
    03:22
  • Viewing source code
    02:27
  • Inspecting Elements
    04:11
  • Headings
    02:22
  • Paragraphs
    02:35
  • Creating Lists
    07:27
  • Creating LInks
    12:46
  • Formatting Text
    04:27
  • Adding an Iframe
    08:51
  • Creating divs
    03:55
  • Code comments
    04:46
  • Using id attribute
    06:32
  • Using class attribute
    05:19
  • The SPAN element
    03:31
  • Block level elements
    03:40
  • Inline elements
    03:35
  • HTML Forms - part 1
    09:55
  • HTML Forms - part 2
    13:41
  • HTML Tables
    05:39
  • HTML entities
    08:44

  • What we will create
    04:09
  • Planning and design
    04:53
  • Creating project directory
    04:17
  • Creating HTML document
    06:49
  • Adding content - part 1
    07:22
  • Adding content - part 2
    10:11
  • Adding content - part 3
    06:46
  • Adding a table
    07:29
  • Adding a form - part 1
    11:10
  • Adding a form - part 2
    11:33

  • 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
  • Basic CSS Selectors
    09:19
  • Adding css comments
    04:57
  • The CSS Box Model
    03:49
  • CSS Margin and Padding properties
    10:48
  • Changing background color
    04:13
  • CSS Display Property
    07:49
  • Positioning and styling page title
    06:54
  • CSS Font Property
    04:37
  • Google fonts
    06:37

  • What is Bootstrap
    04:25
  • Adding bootstrap
    05:02
  • Overview
    06:56
  • Creating a basic website in minutes
    04:56
  • Creating buttons
    04:57
  • Creating progress bar
    04:40
  • Creating a carousel image
    05:06

  • What is JavaScript
    02:38
  • Developer console
    04:21
  • Where to place JavaScript
    08:20
  • Variables
    08:16
  • Variable naming convention
    03:47
  • Arrays
    07:48
  • Data Types
    10:57
  • Mixing Data Types
    05:18
  • What are operators
    01:22
  • Arithmetic Operators
    06:42
  • Assignment Operators
    03:56
  • Operator Precedence
    04:34
  • String Operators
    04:28
  • Comparison Operators
    07:35
  • Logical Operators
    03:45
  • Conditional statements
    06:23
  • Functions
    08:21
  • Adding comments to your code
    03:08
  • Linting Tools
    05:17
  • Events
    06:39
  • Switching images with JavaScript
    09:04
  • Fixing JSLINT error - Part 1
    06:42
  • Fixing JSLINT error - Part 2
    02:56
  • Adding welcome message to webpage
    15:11

  • What we will create
    00:51
  • Designand sketch
    01:46
  • Creating project directory and files
    02:51
  • Creating the structure with HTML - Part 1
    06:40
  • Creating the structure with HTML - Part 2
    08:49
  • Adding functionality with javascript
    09:32

Requirements

  • You will need a computer with internet connection

Description

An app or a web service can have two broad parts: the frontend and the backend. The roles of these parts can be guessed from their names. The frontend is the part that you can “see”. It is the part that lets you interact with the app or service. The colours, animations, layout, and all the other cool stuff that adds to your experience of using the app or website is the frontend. The frontend is generally called the User Interface (UI).  Example include HTML , CSS and JavaScript.

The backend is the part that you can’t “see”. It is the internal working of the application or website. This includes stuff like the server, the database, etc. Exaples include Ruby on Rails, Nodejs ,Python ,MongoDB, MySQL etc.


If you are a complete beginner, web development can be challenging —this course  will guide you and provide enough detail for  you to feel comfortable and learn the topics properly.  You should feel at home whether you are a student learning web development (on your own or as part of a class), a teacher looking for class materials, a hobbyist, or someone who just wants to understand more about  how web technologies work.



Topics include:

  • HTML

  • CSS

  • Bootsrap

  • JavaScript

  • Nodejs

  • Expressjs

  • MongoDB

  • Create database

  • Interacting with database

  • Ruby

  • Ruby on Rails

  • Creating a basic website

  • Create  apps that runs in web browser

  • Create a real-time chat application with Nodejs | Expressjs |MongoDB | Socketio

  • Create a blog application using Ruby on Rails

  • Deploying application on internet

  • Basic introduction to Git and Github

  • Chrome development tools














Who this course is for:

  • Beginners to web development

Instructor

Bluelime Learning Solutions
Learning made simple
Bluelime Learning Solutions
  • 4.2 Instructor Rating
  • 16,923 Reviews
  • 392,594 Students
  • 217 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
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.