Become a Web Developer (HTML5;CSS;JavaScript;Ruby;Ajax; SQL)
- Description
- Curriculum
- FAQ
- Reviews
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.
-
1IntroductionVideo lesson
-
2What is the Web and InternetVideo lesson
-
3What is HTTPVideo lesson
-
4Installing web browsersVideo lesson
-
5What is an APIVideo lesson
-
6Planning your web projectVideo lesson
-
7Sketching your website designVideo lesson
-
8Choosing AssetsVideo lesson
-
9Creating project folder structureVideo lesson
-
15What is HTMLVideo lesson
-
16The Anatomy of an HTML ElementVideo lesson
-
17Basic structure of an HTML DocumentVideo lesson
-
18Creating a HTML document structure -part 1Video lesson
-
19Creating a HTML document structure -part 2Video lesson
-
20Creating a HTML document structure -part 3Video lesson
-
21HTML AttributesVideo lesson
-
22Marking UP TextVideo lesson
-
23Setting up links on webpageVideo lesson
-
24Adding comments to your HTMLVideo lesson
-
25The source codeVideo lesson
-
26IntroductionVideo lesson
-
27Creating a simple formVideo lesson
-
28Creating a TextareaVideo lesson
-
29Creating a form with dropdwn listVideo lesson
-
30Grouping dataVideo lesson
-
31Creating a form partVideo lesson
-
32Adding css to the formVideo lesson
-
33Storing form input locallyVideo lesson
-
34What is CSSVideo lesson
-
35How to apply css to web pageVideo lesson
-
36Styling multiple propertiesVideo lesson
-
37Styling multiple elementsVideo lesson
-
38Modifying CssVideo lesson
-
39Basic CSS SelectorsVideo lesson
-
40Adding comments to cssVideo lesson
-
41The Box ModelVideo lesson
-
42Setting margins and paddingVideo lesson
-
43Setting background colorVideo lesson
-
44Using Display propertyVideo lesson
-
45Positioning and styling page titleVideo lesson
-
46The font propertyVideo lesson
-
47Google fontsVideo lesson
-
61What is JavaScriptVideo lesson
-
62The developer consoleVideo lesson
-
63The SyntaxVideo lesson
-
64What are StatementsVideo lesson
-
65What are expressionsVideo lesson
-
66Executing a ProgramVideo lesson
-
67OutputVideo lesson
-
68InputVideo lesson
-
69Adding comments to your codeVideo lesson
-
70VariablesVideo lesson
-
71Variable naming conventionVideo lesson
-
72Data TypesVideo lesson
-
73OperatorsVideo lesson
-
74Arithmetic OperatorsVideo lesson
-
75Assignment OperatorsVideo lesson
-
76Operator PrecedenceVideo lesson
-
77String OperatorsVideo lesson
-
78Comparison OperatorsVideo lesson
-
79Logical OperatorsVideo lesson
-
80ArraysVideo lesson
-
81Conditional StatementsVideo lesson
-
82FunctionsVideo lesson

External Links May Contain Affiliate Links read more