Beginners In Web Design and Development

[galantezz]

Good Day Mga Sir,

Anu ba preferred nio na pagaralan muna from beginner to advance ng web design?

Any Tutorial links po.. pa share...



Thanks in Advance...

 

[matt8988]

Beginner din ako sa web development, C# language ko at .NET Core ang pinakalatest pag-aralan ngayon, 2016 lang kac sya lumabas kaya ang dami ngayon nag-aaral ngayon ng .NET core kahit mga professional na sa .NET nag-aaral din ngayon nyan.

 

[Z a c h a r y]

search mo lang sa google w3schools.

 

[godwars777]

kung gusto mong Front End try mo HTML5, JQuery, Javascript, Css, Sass, Less.

kung BackEnd naman PHP, MySQL.

Kung FullStack nman Both.


important jan is JavaScript, PHP, MySQL.
pag na master mo javascript madali nalang sayo ung ReatJs AngularJs kc Framework yan ng Js.

 

[melonzz]

HTML,CSS,Javascript be familiar sa mga syntax nila kumbaga eto muna pag aaralan mo for your "Front-End", Interface or Design ng website

PHP + MySQL(database) naman for "Back-End" para sa functionalities ng website.

Tumingin ka ng mga TUT sa youtube or google mga technique ng pag dedesign, may design concept kasi dapat sa web development , may purpose lahat yung design

Then pag medyo pansin mo na bihasa kana tsaka ka mag framework for front-end, Bootstrap, Materialize CSS and so on.

For PHP naman, OOP pag aralan mo. Then mag framework kana start sa Codeigniter to Laravel.

For sure magiging full stack web dev ka sir.

Dih mo kaylangan e master lahat ng Prog Lang, maging stick-to-one ka lang dapat yung expertise mo isa lang. Same lang naman lahat ng PL, syntax lang naiiba sa kanila.

Kung may if-else statement sa Java ganun din sa PHP etc.,

Focus ka lang saan field ang gusto mo, remember malawak ang field ng dev.

PS: Alamin mo rin ano purpose ng framework, advice ko lang wag muna mag framework kung dih pa kabisado mano2x sa pag coding.

Just sharing my thoughts. Happy coding mga ka SB <3

Thanks,

 

[TheRoister]

In web development, you always start sa basic. HTML, CSS, and JavaScript. Try to master them if you really want to become a web developer. Kung sa web design ang focus mo, mastering the 3 is more than enough, just couple them with basic graphics design knowledge. If you want to become a full frame developer, ifollow mo ang jQuery, PHP, and MySQL. Marami namang nakakalat na tutorials dyan especially sa youtube.com and w3schools.com.

 

[ign0ranc3]

@galantezz
try these resources below if you are a visual learner.

HTML
https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

CSS
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

JS
https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

I hope this will help.

 

[thenth]

Web Design: Adobe XD

Front-End: Vue/Angular/React + Laravel/CodeIgniter

Back-End: PHP/Node.js/GraphQL

 

[noriellecruz]

Web Design: Adobe XD

Front-End: Vue/Angular/React + Laravel/CodeIgniter

Back-End: PHP/Node.js/GraphQL

Mali brad, eto tama:

Front-End: Vue/Angular/React + Adobe

Back-End: PHP/Node.js/Laravel/CodeIgniter

 

[thenth]

Mali brad, eto tama:

Front-End: Vue/Angular/React + Adobe

Back-End: PHP/Node.js/Laravel/CodeIgniter

Mali?

as far as I know hindi po trabaho ng web designer ang mag vue/angular/react.
check mo po job description ni web designer vs front-end developer.

FYI: yung sinasabi kong adobe xd ay ginagamit ng mga UI/UX designers sa pag gawa ng mockups which is yun ang susundan ng mga devs


You may use laravel/codeigniter sa front-end (views) sige nga gawa ka ng project gamit lang yung js framework + adobe (no php or html)

as well sa back-end (routes, controllers, models, etc.) pero pinagisa ko lang sa word na PHP (Do not repeat yourself)

 

[noriellecruz]

Mali?

as far as I know hindi po trabaho ng web designer ang mag vue/angular/react.
check mo po job description ni web designer vs front-end developer.

FYI: yung sinasabi kong adobe xd ay ginagamit ng mga UI/UX designers sa pag gawa ng mockups which is yun ang susundan ng mga devs


You may use laravel/codeigniter sa front-end (views) sige nga gawa ka ng project gamit lang yung js framework + adobe (no php or html)

as well sa back-end (routes, controllers, models, etc.) pero pinagisa ko lang sa word na PHP (Do not repeat yourself)

Ewan ko sayo, natawa nalang ako sa pinagsasabi mo. Bakit ka pa gagamit ng php framework kung para sa front-end lang? Seriously? HAHA!
Tsaka seryoso ka? hahaha, brad hindi mo kailangan ng laravel/codeigniter sa mga front-end ng web apps, skript kiddie.
Node.js is not a php framework, baka di mo lang alam haha!
Di nako makikipagtalo sayo, sa lagay ng paliwanag mo parang ikaw mismo hindi developer, pabibo ka lang.

 

[d3nzky]

Mali?

as far as I know hindi po trabaho ng web designer ang mag vue/angular/react.
check mo po job description ni web designer vs front-end developer.

FYI: yung sinasabi kong adobe xd ay ginagamit ng mga UI/UX designers sa pag gawa ng mockups which is yun ang susundan ng mga devs


You may use laravel/codeigniter sa front-end (views) sige nga gawa ka ng project gamit lang yung js framework + adobe (no php or html)

as well sa back-end (routes, controllers, models, etc.) pero pinagisa ko lang sa word na PHP (Do not repeat yourself)

Adobe XD is for creating wireframe and prototypes, not mockup. Photoshop or Illustrator ang ginagamit for mockups.

Laravel and Codeigniter are types of PHP FRAMEWORKS. you can create full website without using Laravel and Codeigniter with pure HTML and CSS. Javascript is a plus nalang.

or CMS like WordPress, Joomla, Drupal.

Vue, React, Angular are types of JAVASCRIPT FRAMEWORK, parang Laravel and Codeigniter but JAVASCRIPT version nga lang.

Node.js is a JavaScript run-time environment. Ginagamit para mag execute ng javascript codes outside ng browsers. useful for development workflow tools like Gulp.js at Grunt.js

know the difference first and kung san ba talaga sila ginagamit

 

[leannjade]

HTML,CSS,Javascript be familiar sa mga syntax nila kumbaga eto muna pag aaralan mo for your "Front-End", Interface or Design ng website

PHP + MySQL(database) naman for "Back-End" para sa functionalities ng website.

Tumingin ka ng mga TUT sa youtube or google mga technique ng pag dedesign, may design concept kasi dapat sa web development , may purpose lahat yung design

Then pag medyo pansin mo na bihasa kana tsaka ka mag framework for front-end, Bootstrap, Materialize CSS and so on.

For PHP naman, OOP pag aralan mo. Then mag framework kana start sa Codeigniter to Laravel.

For sure magiging full stack web dev ka sir.

Dih mo kaylangan e master lahat ng Prog Lang, maging stick-to-one ka lang dapat yung expertise mo isa lang. Same lang naman lahat ng PL, syntax lang naiiba sa kanila.

Kung may if-else statement sa Java ganun din sa PHP etc.,

Focus ka lang saan field ang gusto mo, remember malawak ang field ng dev.

PS: Alamin mo rin ano purpose ng framework, advice ko lang wag muna mag framework kung dih pa kabisado mano2x sa pag coding.

Just sharing my thoughts. Happy coding mga ka SB <3

Thanks,

salamat paps try ko po pag aralan para mabago line of work ko ^^

 

[thenth]

Ewan ko sayo, natawa nalang ako sa pinagsasabi mo. Bakit ka pa gagamit ng php framework kung para sa front-end lang? Seriously? HAHA!
Tsaka seryoso ka? hahaha, brad hindi mo kailangan ng laravel/codeigniter sa mga front-end ng web apps, skript kiddie.
Node.js is not a php framework, baka di mo lang alam haha!
Di nako makikipagtalo sayo, sa lagay ng paliwanag mo parang ikaw mismo hindi developer, pabibo ka lang.

Kelan ko po sinabing "KAILANGAN" mo gumamit ng php framework para sa front end sir? at kailan ko sinabi na ang Node.js is a "PHP FRAMEWORK" sir? like duh, I was talking about Laravel and CodeIgniter

Kung gumagamit ka talaga ng Laravel, bakit hindi mo pa imaximize yung capability? Search mo yung Blade Templates at JavaScript & CSS Scaffolding ni Laravel baka makatulong sayo sir. FRONTEND YON. Nakakahiya naman po kasi sayo mukhang Lead to Senior na ang position mo sir.

Sorry po sir Yoda the greatest dev of all time, masyado po pala akong skript kiddie. So sige ilagay nalang po natin sa trabaho ng Front-end devs ang mag design using Adobe. Kayo na po ang masusunod sir.

Adobe XD is for creating wireframe and prototypes, not mockup. Photoshop or Illustrator ang ginagamit for mockups.

Laravel and Codeigniter are types of PHP FRAMEWORKS. you can create full website without using Laravel and Codeigniter with pure HTML and CSS. Javascript is a plus nalang.

or CMS like WordPress, Joomla, Drupal.

Vue, React, Angular are types of JAVASCRIPT FRAMEWORK, parang Laravel and Codeigniter but JAVASCRIPT version nga lang.

Node.js is a JavaScript run-time environment. Ginagamit para mag execute ng javascript codes outside ng browsers. useful for development workflow tools like Gulp.js at Grunt.js

know the difference first and kung san ba talaga sila ginagamit

What's up captain obvious? We know the differences.

Do you think PS/Illustrator is better than XD for mockups?

Adobe said "UX/UI design made easier with a powerful wireframing and mockup tool."
reference: https://www.adobe.com/sea/products/xd/wireframing-tool.html

So do you think hindi mo pwedeng gamitin yung Node.js for Back-end?
It seems only few will understand. Try to develop a Node.js web app and deploy it to AWS.

 

[d3nzky]

What's up captain obvious? We know the differences.

Do you think PS/Illustrator is better than XD for mockups?

Adobe said "UX/UI design made easier with a powerful wireframing and mockup tool."
reference: https://www.adobe.com/sea/products/xd/wireframing-tool.html

So do you think hindi mo pwedeng gamitin yung Node.js for Back-end?
It seems only few will understand. Try to develop a Node.js web app and deploy it to AWS.

Sorry sir, akala ko di mo alam difference based sa mga previous comments mo. And the way you thrash talk, very unprofessional.. just trying to help and gives input for newbies. anyway, mind if I ask sir if you have portfolio? looks like youve done a lot of big projects and web app.. makakatulog saming "newbie" if we can view your projects for inspiration.

 

[thenth]

Sorry sir, akala ko di mo alam difference based sa mga previous comments mo. And the way you thrash talk, very unprofessional.. just trying to help and gives input for newbies. anyway, mind if I ask sir if you have portfolio? looks like youve done a lot of big projects and web app.. makakatulog saming "newbie" if we can view your projects for inspiration.

The way I trash talk? I can't seem to remember any of my comments that I talked trashy and unprofessional. Scroll up and see what our "manager" said to me and you'll see what you're talking about

All I said was just like "prove your thoughts"

Why are you asking about my portfolio? are you going to hire me?

I am also a "newbie" and I am proud to be a "skript kiddie"

Please stop flaming and spread information instead.

Let's stick to the topic.


Kung gusto mo maging ganap na web dev (PHP), aralin ang mga sumusunod:

Basics:
HTML
CSS
JavaScript

Then pag ready ka na mag step forward, ito naman:

PHP + MySQL CRUD

Then pag ready ka na ulit mag step forward, ito naman:

PHP OOP CRUD
PHP Frameworks
JavaScript Frameworks
RESTful API

Take time to learn those things and I hope that you have a great career as a web dev in the future