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+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift 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 Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business 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

Become a Web Developer (HTML5;CSS;JavaScript;Ruby;Ajax; SQL)

Learn Practical Hands-on Web Development From Scratch
Rating: 4.5 out of 54.5 (142 ratings)
29,277 students
Created by Bluelime Learning Solutions
Last updated 3/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Install professional web development tools
  • Setup folder structure
  • Create document structure with HTML
  • Mark-Up Text with HTML
  • Create links on web pages
  • Add images to web page
  • Position elements on a webpage
  • Change background color
  • Add comments to code
  • Use google fonts
  • Create variables
  • Create functions
  • Create arrays
  • Build web projects

Course content

16 sections • 206 lectures • 20h 26m total length

  • Preview01:20
  • Preview05:05
  • Preview06:20
  • Installing web browsers
    02:44
  • What is an API
    05:57
  • Planning your web project
    01:44
  • Sketching your website design
    01:50
  • Choosing Assets
    04:06
  • Creating project folder structure
    07:34

  • Please Read
    00:12
  • Installing SublimeText
    03:49
  • Installing visual studio code
    04:54
  • Installing Brackets and Atom
    07:16
  • Installing Notepad++
    03:50

  • What is HTML
    02:36
  • The Anatomy of an HTML Element
    03:09
  • Basic structure of an HTML Document
    09:17
  • Creating a HTML document structure -part 1
    06:03
  • Creating a HTML document structure -part 2
    06:49
  • Creating a HTML document structure -part 3
    10:39
  • HTML Attributes
    06:08
  • Marking UP Text
    08:21
  • Setting up links on webpage
    07:53
  • Adding comments to your HTML
    04:57
  • The source code
    06:06

  • Introduction
    02:54
  • Creating a simple form
    04:21
  • Creating a Textarea
    04:08
  • Creating a form with dropdwn list
    03:20
  • Grouping data
    05:41
  • Creating a form part
    12:10
  • Adding css to the form
    11:47
  • Storing form input locally
    09:39

  • What is CSS
    06:05
  • How to apply css to web page
    11:09
  • Styling multiple properties
    02:38
  • Styling multiple elements
    02:58
  • Modifying Css
    04:59
  • Basic CSS Selectors
    09:19
  • Adding comments to css
    04:57
  • The Box Model
    03:49
  • Setting margins and padding
    10:48
  • Setting background color
    04:13
  • Using Display property
    07:49
  • Positioning and styling page title
    06:54
  • The font property
    04:37
  • Google fonts
    06:37

  • The syntax
    05:50
  • Static Positioning
    04:13
  • Relative Positioning
    06:29
  • Horizontal and Vertical Display
    06:53
  • Containing elements with Overflow
    06:53
  • Fixed Positioning
    05:27
  • Z-index
    06:07

  • What is Bootstrap
    04:25
  • Accessing Bootstrap
    05:02
  • Bootstrap Overview
    06:56
  • Create a basic website
    04:56
  • Create a progress bar
    04:40
  • Create a carousel of rotating images
    05:06

  • What is JavaScript
    02:38
  • The developer console
    04:21
  • The Syntax
    04:07
  • What are Statements
    07:36
  • What are expressions
    04:54
  • Executing a Program
    06:28
  • Output
    06:50
  • Input
    10:19
  • Adding comments to your code
    05:36
  • Variables
    08:16
  • Variable naming convention
    03:47
  • Data Types
    10:57
  • 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
  • Arrays
    07:48
  • Conditional Statements
    06:23
  • Functions
    08:21

  • Introduction
    03:00
  • Accessing jQuery
    09:49
  • jQuery selectors
    10:15
  • jQuery Event Handler Functions
    10:44
  • jQuery Animations
    12:50
  • jQuery Chaining
    05:11
  • jQuery Callback Functions
    07:51

  • What is Ajax
    09:54
  • How Ajax works
    04:19
  • Ajax and API
    06:33
  • Ajax Syntax
    04:56
  • Http vs Https
    05:13
  • Creating XMLHttpRequest Object
    05:18
  • Ajax Request
    05:20
  • Ajax Server Response
    02:13
  • Ajax Events
    07:03
  • Ajax Example
    08:27
  • What is JSON
    03:28
  • JSON Syntax
    11:06
  • Creating a JSON Object
    07:42

Requirements

  • You should be able to use a PC at beginner level
  • You should be able to navigate the internet

Description

Hello and welcome to this course.

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.

The objective of this course is not to take you from "beginner" to "expert" but to take you from "beginner" to "comfortable so you can feel confident to experiment further.

The three technologies every web developer must know are :

HTML : Used to create  content
CSS: Used to present the content
JavaScript : Used to create interaction
These core technologies  are the building blocks of all websites and web based projects. They are collectively are used in front end web development .

Topics include:

  • Introduction to basic HTML
  • HTML document structure
  • Anatomy of HTML element
  • Marking up text
  • Links
  • Using comments and HTML Attributes
  • Introduction to  basic CSS
  • Ways to apply CSS
  • CSS Ruleset
  • CSS basic selectors
  • Styling multiple elements
  • CSS Box model
  • Using margin and padding properties
  • Changing background color
  • CSS Display property
  • CSS Font property
  • Using google fonts
  • Introduction to basic JavaScript
  • Where to place JavaScript
  • Variables
  • Data Types
  • Operators
  • Operator precedence
  • Using Conditionals
  • Functions


Ruby  is a modern object oriented programming language, and Ruby on Rails is a popular and  powerful    frameworks  for building web applications. Rails was built using Ruby and makes it much easier to develop web applications with Ruby. Some notable applications have been built using Ruby on Rails: They incude

Basecamp, Twitter, Shopify, Github, LivingSocial, Groupon, Hulu, Airbnb, Yellow Pages to just mention a few.. A google search will reveal much more.. 

We will create a complete blog application from scratch using Rails and in the process build up your skills.

Concepts we will cover while building our blog project include:

  • Creating a new rails project
  • Updating gems using bundler
  • Illustration of MVC architecture
  • Starting rails server
  • Conditional statements
  • Loops
  • Creating controllers
  • Creating models
  • Associating models
  • creating views
  • Generating models
  • Running migrations
  • Creating posts
  • Editing posts
  • Reading posts
  • Deleting posts
  • Adding links to posts
  • Creating comments
  • Deleting comments
  • Creating controller actions
  • Setting up routes
  • Create forms
  • Using helpers
  • Adding resources and automatically generating routes
  • Implementing security

-By the end of this practical course you would have developed enough skills to be creative and expand this project or build similar type of projects.

Who this course is for:

  • Beginner Web developers
  • Anyone who wants to learn web development

Instructor

Bluelime Learning Solutions
Learning made simple
Bluelime Learning Solutions
  • 4.2 Instructor Rating
  • 19,196 Reviews
  • 474,277 Students
  • 227 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.